@atlaskit/editor-plugin-selection-extension/dist/es2019/ui/toolbar-components/ToolbarMenu.js

editor-plugin-selection-extension plugin for @atlaskit/editor-core

import React from 'react';
import { useEditorToolbar } from '@atlaskit/editor-common/toolbar';
import { ToolbarTooltip, ToolbarDropdownMenu } from '@atlaskit/editor-toolbar';
const usePluginState = _api => {
  const {
    editorToolbarDockingPreference
  } = useEditorToolbar();
  return {
    editorToolbarDockingPreference
  };
};
export const ToolbarMenu = ({
  api,
  config,
  children
}) => {
  const {
    editorToolbarDockingPreference
  } = usePluginState(api);
  const isDockedAtTop = editorToolbarDockingPreference === 'top';
  if (isDockedAtTop) {
    return null;
  }
  const Icon = config.icon;
  return /*#__PURE__*/React.createElement(ToolbarDropdownMenu, {
    iconBefore: /*#__PURE__*/React.createElement(Icon, {
      label: ""
    }),
    isDisabled: config.isDisabled,
    onClick: config.onClick,
    tooltipComponent: /*#__PURE__*/React.createElement(ToolbarTooltip, {
      content: config.tooltip
    })
  }, children);
};