@wordpress/block-editor
Version:
31 lines (30 loc) • 1.04 kB
JavaScript
// packages/block-editor/src/components/block-styles/preview-panel.js
import { useMemo } from "@wordpress/element";
import InserterPreviewPanel from "../inserter/preview-panel";
import { replaceActiveStyle } from "./utils";
import { jsx } from "react/jsx-runtime";
function BlockStylesPreviewPanel({
genericPreviewBlock,
style,
className,
activeStyle
}) {
const styleClassName = replaceActiveStyle(className, activeStyle, style);
const previewBlocks = useMemo(() => {
return {
name: genericPreviewBlock.name,
title: style.label || style.name,
description: style.description,
initialAttributes: {
...genericPreviewBlock.attributes,
className: styleClassName + " block-editor-block-styles__block-preview-container"
},
example: genericPreviewBlock
};
}, [genericPreviewBlock, style, styleClassName]);
return /* @__PURE__ */ jsx(InserterPreviewPanel, { item: previewBlocks });
}
export {
BlockStylesPreviewPanel as default
};
//# sourceMappingURL=preview-panel.js.map