import { useBlockProps, InspectorControls } from '@wordpress/block-editor';
import { PanelBody, TextControl, TextareaControl } from '@wordpress/components';
import { __ } from '@wordpress/i18n';

export default function Edit( { attributes, setAttributes } ) {
	const blockProps = useBlockProps();

	{{ATTRIBUTE_DECLARATIONS}}

	return (
		<>
			<InspectorControls>
				<PanelBody title={ __( 'Settings', '{{BLOCK_NAMESPACE}}' ) }>
					{{ATTRIBUTE_CONTROLS}}
				</PanelBody>
			</InspectorControls>

			<div { ...blockProps }>
				<div className="wp-block-{{BLOCK_NAMESPACE}}-{{BLOCK_SLUG}}">
					{{ATTRIBUTE_DISPLAY}}{{EDITOR_VIEW_APPEND_CODE}}
				</div>
			</div>
		</>
	);
}
