@gechiui/block-editor
Version:
56 lines (47 loc) • 1.26 kB
JavaScript
import { createElement } from "@gechiui/element";
/**
* GeChiUI dependencies
*/
import { useMemo } from '@gechiui/element';
import { TabPanel } from '@gechiui/components';
import { __ } from '@gechiui/i18n';
const blocksTab = {
name: 'blocks',
/* translators: Blocks tab title in the block inserter. */
title: __('区块')
};
const patternsTab = {
name: 'patterns',
/* translators: Patterns tab title in the block inserter. */
title: __('样板')
};
const reusableBlocksTab = {
name: 'reusable',
/* translators: Reusable blocks tab title in the block inserter. */
title: __('可重用')
};
function InserterTabs(_ref) {
let {
children,
showPatterns = false,
showReusableBlocks = false,
onSelect
} = _ref;
const tabs = useMemo(() => {
const tempTabs = [blocksTab];
if (showPatterns) {
tempTabs.push(patternsTab);
}
if (showReusableBlocks) {
tempTabs.push(reusableBlocksTab);
}
return tempTabs;
}, [blocksTab, showPatterns, patternsTab, showReusableBlocks, reusableBlocksTab]);
return createElement(TabPanel, {
className: "block-editor-inserter__tabs",
tabs: tabs,
onSelect: onSelect
}, children);
}
export default InserterTabs;
//# sourceMappingURL=tabs.js.map