@gechiui/block-editor
Version:
41 lines (34 loc) • 1.06 kB
JavaScript
import { createElement } from "@gechiui/element";
/**
* GeChiUI dependencies
*/
import { Popover, ToolbarGroup } from '@gechiui/components';
/**
* Internal dependencies
*/
import BlockControls from '../block-controls';
import FormatToolbar from './format-toolbar';
const FormatToolbarContainer = _ref => {
let {
inline,
anchorRef
} = _ref;
if (inline) {
// Render in popover
return createElement(Popover, {
noArrow: true,
position: "top center",
focusOnMount: false,
anchorRef: anchorRef,
className: "block-editor-rich-text__inline-format-toolbar",
__unstableSlotName: "block-toolbar"
}, createElement("div", {
className: "block-editor-rich-text__inline-format-toolbar-group"
}, createElement(ToolbarGroup, null, createElement(FormatToolbar, null))));
} // Render regular toolbar
return createElement(BlockControls, {
group: "inline"
}, createElement(FormatToolbar, null));
};
export default FormatToolbarContainer;
//# sourceMappingURL=format-toolbar-container.js.map