@atlaskit/editor-plugin-selection-extension/dist/esm/ui/toolbar-components/ToolbarButton.js

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

import React from 'react';
import { useEditorToolbar } from '@atlaskit/editor-common/toolbar';
import { ToolbarTooltip, ToolbarButton as BaseToolbarButton } from '@atlaskit/editor-toolbar';
var usePluginState = function usePluginState(_api) {
  var _useEditorToolbar = useEditorToolbar(),
    editorToolbarDockingPreference = _useEditorToolbar.editorToolbarDockingPreference;
  return {
    editorToolbarDockingPreference: editorToolbarDockingPreference
  };
};
export var ToolbarButton = function ToolbarButton(_ref) {
  var api = _ref.api,
    config = _ref.config;
  var _usePluginState = usePluginState(api),
    editorToolbarDockingPreference = _usePluginState.editorToolbarDockingPreference;
  var isDockedAtTop = editorToolbarDockingPreference === 'top';
  if (isDockedAtTop) {
    return null;
  }
  var Icon = config.icon;
  return /*#__PURE__*/React.createElement(ToolbarTooltip, {
    content: config.tooltip
  }, /*#__PURE__*/React.createElement(BaseToolbarButton, {
    iconBefore: /*#__PURE__*/React.createElement(Icon, {
      label: ""
    }),
    isDisabled: config.isDisabled,
    onClick: config.onClick
  }, config.label));
};