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

Toolbar plugin for @atlaskit/editor-core

import React from 'react';
import { useIntl } from 'react-intl';
import { toolbarMessages } from '@atlaskit/editor-common/messages/toolbar';
import { TextIcon } from '@atlaskit/editor-toolbar/text-icon';
import { ToolbarDropdownMenu } from '@atlaskit/editor-toolbar/toolbar-dropdown-menu';
import { ToolbarTooltip } from '@atlaskit/editor-toolbar/toolbar-tooltip';
/**
 * Basic version of existing 'Text Styles' Menu - which doesn't dynamically change icon
 * and is also placeholder to render all other menus in the collapsed state.
 */
export const TextCollapsedMenu = ({
  children
}) => {
  const {
    formatMessage
  } = useIntl();
  return /*#__PURE__*/React.createElement(ToolbarDropdownMenu, {
    iconBefore: /*#__PURE__*/React.createElement(TextIcon, {
      label: formatMessage(toolbarMessages.textStylesTooltip),
      size: "small"
    }),
    enableMaxHeight: true,
    tooltipComponent: /*#__PURE__*/React.createElement(ToolbarTooltip, {
      content: formatMessage(toolbarMessages.textStylesTooltip)
    })
  }, children);
};