import React, { ReactElement } from 'react' import { __ } from '@wordpress/i18n' import { BlockControls } from '@wordpress/block-editor' import { Placeholder, ToolbarGroup, ToolbarButton, IconType } from '@wordpress/components' import { undo } from '@wordpress/icons' import Select, { OptionsOrGroups } from 'react-select' export interface SnippetSelectOption { value: number label: string } export interface SnippetSelectGroup { label: string options: SnippetSelectOption[] } export interface SnippetSelectorProps { label: string className: string icon: IconType options: OptionsOrGroups attributes: { snippet_id: number } setAttributes: (attributes: SnippetSelectorProps['attributes']) => void renderContent: () => ReactElement } export const SnippetSelector: React.FC = ({ label, className, icon, options, attributes, setAttributes, renderContent }) => <> setAttributes({ snippet_id: 0 })} /> {0 === attributes.snippet_id ?