@wordpress/block-editor
Version:
53 lines (48 loc) • 1.63 kB
JavaScript
import { createElement } from "@wordpress/element";
/**
* External dependencies
*/
import classnames from 'classnames';
/**
* WordPress dependencies
*/
import { Children } from '@wordpress/element';
import { DropdownMenu, MenuGroup, MenuItem } from '@wordpress/components';
import { __ } from '@wordpress/i18n';
import { moreHorizontal } from '@wordpress/icons';
function Warning({
className,
actions,
children,
secondaryActions
}) {
return createElement("div", {
className: classnames(className, 'block-editor-warning')
}, createElement("div", {
className: "block-editor-warning__contents"
}, createElement("p", {
className: "block-editor-warning__message"
}, children), (Children.count(actions) > 0 || secondaryActions) && createElement("div", {
className: "block-editor-warning__actions"
}, Children.count(actions) > 0 && Children.map(actions, (action, i) => createElement("span", {
key: i,
className: "block-editor-warning__action"
}, action)), secondaryActions && createElement(DropdownMenu, {
className: "block-editor-warning__secondary",
icon: moreHorizontal,
label: __('More options'),
popoverProps: {
position: 'bottom left',
className: 'block-editor-warning__dropdown'
},
noIcons: true
}, () => createElement(MenuGroup, null, secondaryActions.map((item, pos) => createElement(MenuItem, {
onClick: item.onClick,
key: pos
}, item.title)))))));
}
/**
* @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/warning/README.md
*/
export default Warning;
//# sourceMappingURL=index.js.map