@wordpress/block-editor
Version:
36 lines (34 loc) • 1.08 kB
JavaScript
import { createElement } from "@wordpress/element";
/**
* WordPress dependencies
*/
import { getBlockType } from '@wordpress/blocks';
import { useMemo } from '@wordpress/element';
/**
* Internal dependencies
*/
import InserterPreviewPanel from '../inserter/preview-panel';
import { replaceActiveStyle } from './utils';
export default function BlockStylesPreviewPanel({
genericPreviewBlock,
style,
className,
activeStyle
}) {
const example = getBlockType(genericPreviewBlock.name)?.example;
const styleClassName = replaceActiveStyle(className, activeStyle, style);
const previewBlocks = useMemo(() => {
return { ...genericPreviewBlock,
title: style.label || style.name,
description: style.description,
initialAttributes: { ...genericPreviewBlock.attributes,
className: styleClassName + ' block-editor-block-styles__block-preview-container'
},
example
};
}, [genericPreviewBlock, styleClassName]);
return createElement(InserterPreviewPanel, {
item: previewBlocks
});
}
//# sourceMappingURL=preview-panel.js.map