/** * External dependencies */ import { __ } from '@wordpress/i18n'; import { BlockControls } from '@wordpress/block-editor'; import { ToolbarGroup } from '@wordpress/components'; interface EditorBlockControlsProps { isEditing: boolean; setIsEditing: ( isEditing: boolean ) => void; } const EditorBlockControls = ( { isEditing, setIsEditing, }: EditorBlockControlsProps ) => { return ( <BlockControls> <ToolbarGroup controls={ [ { icon: 'edit', title: __( 'Edit selected product', 'woo-gutenberg-products-block' ), onClick: () => setIsEditing( ! isEditing ), isActive: isEditing, }, ] } /> </BlockControls> ); }; export default EditorBlockControls;