@atlaskit/editor-plugin-toolbar/dist/es2019/ui/PrimaryToolbar.js

Toolbar plugin for @atlaskit/editor-core

import React from 'react';
import { useEditorToolbar } from '@atlaskit/editor-common/toolbar/context';
import { PrimaryToolbar as PrimaryToolbarBase } from '@atlaskit/editor-toolbar/toolbar';
const isFullPage = editorAppearance => {
  return editorAppearance === 'full-page' || editorAppearance === 'full-width';
};
const getBreakpointPreset = (breakpointPreset, editorAppearance) => {
  if (breakpointPreset) {
    return breakpointPreset;
  }
  return editorAppearance && isFullPage(editorAppearance) ? 'fullpage' : 'reduced';
};
export const PrimaryToolbar = ({
  children,
  breakpointPreset
}) => {
  const {
    editorAppearance
  } = useEditorToolbar();
  return /*#__PURE__*/React.createElement(PrimaryToolbarBase, {
    testId: "editor-primary-toolbar",
    breakpointPreset: getBreakpointPreset(breakpointPreset, editorAppearance)
  }, children);
};