@atlaskit/editor-plugin-media
Version:
Media plugin for @atlaskit/editor-core
38 lines • 1.04 kB
JavaScript
/** @jsx jsx */
import { css, jsx } from '@emotion/react';
import { ButtonGroup } from '@atlaskit/button';
import { FloatingToolbarButton as Button, FloatingToolbarSeparator } from '@atlaskit/editor-common/ui';
const containerStyles = css({
marginLeft: "var(--ds-space-100, 8px)"
});
export const LayoutGroup = ({
layoutButtons,
dispatchCommand,
hide
}) => {
return jsx("div", {
css: containerStyles
}, jsx(ButtonGroup, null, layoutButtons.map((item, idx) => {
switch (item.type) {
case 'separator':
return jsx(FloatingToolbarSeparator, {
key: idx
});
case 'button':
const 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: () => {
dispatchCommand(item.onClick);
hide();
}
});
}
})));
};