@gechiui/block-editor/src/components/block-switcher/preview-block-popover.js

Generic block editor.

/**
 * GeChiUI dependencies
 */
import { __ } from '@gechiui/i18n';
import { Popover } from '@gechiui/components';

/**
 * Internal dependencies
 */
import BlockPreview from '../block-preview';

export default function PreviewBlockPopover( { blocks } ) {
	return (
		<div className="block-editor-block-switcher__popover__preview__parent">
			<div className="block-editor-block-switcher__popover__preview__container">
				<Popover
					className="block-editor-block-switcher__preview__popover"
					position="bottom right"
					focusOnMount={ false }
				>
					<div className="block-editor-block-switcher__preview">
						<div className="block-editor-block-switcher__preview-title">
							{ __( '预览' ) }
						</div>
						<BlockPreview viewportWidth={ 500 } blocks={ blocks } />
					</div>
				</Popover>
			</div>
		</div>
	);
}