import { registerBlockType } from '@wordpress/blocks';
import { useBlockProps } from '@wordpress/block-editor';

registerBlockType('srh/offcanvas-menu', {
    apiVersion: 3,
    title: 'Off Canvas Menu',
    icon: 'menu',
    category: 'srh-blocks',
    
    edit: function() {
        const blockProps = useBlockProps({
            className: 'wp-block-srh-offcanvas-menu'
        });
        
        return (
            <div { ...blockProps }>
                <button className="hamburger-toggle is-editor" aria-label="Toggle Menu">
                    <div className="hamburger-lines">
                        <span></span>
                        <span></span>
                        <span></span>
                    </div>
                    <span className="menu-text">Menu</span>
                </button>
            </div>
        );
    },
    
    save: () => null
});