@atlaskit/editor-plugin-media/dist/esm/toolbar/layout-group.js

Media plugin for @atlaskit/editor-core

/** @jsx jsx */
import { css, jsx } from '@emotion/react';
import { ButtonGroup } from '@atlaskit/button';
import { FloatingToolbarButton as Button, FloatingToolbarSeparator } from '@atlaskit/editor-common/ui';
var containerStyles = css({
  marginLeft: "var(--ds-space-100, 8px)"
});
export var LayoutGroup = function LayoutGroup(_ref) {
  var layoutButtons = _ref.layoutButtons,
    dispatchCommand = _ref.dispatchCommand,
    hide = _ref.hide;
  return jsx("div", {
    css: containerStyles
  }, jsx(ButtonGroup, null, layoutButtons.map(function (item, idx) {
    switch (item.type) {
      case 'separator':
        return jsx(FloatingToolbarSeparator, {
          key: idx
        });
      case 'button':
        var ButtonIcon = item.icon;
        return jsx(Button, {
          key: idx,
          icon: item.icon ? jsx(ButtonIcon, {
            label: item.title
          }) : undefined,
          title: item.title,
          selected: item.selected,
          disabled: item.disabled,
          onClick: function onClick() {
            dispatchCommand(item.onClick);
            hide();
          }
        });
    }
  })));
};