const { registerBlockType } = wp.blocks;
const { createElement } = wp.element;

registerBlockType('srh/offcanvas-menu', {
    editorStyle: 'offcanvas-menu-editor',
    edit: function() {
        return createElement('div', { className: 'wp-block-srh-offcanvas-menu' },
            createElement('button', {
                className: 'hamburger-toggle',
                'aria-label': 'Toggle Menu'
            },
                createElement('div', { className: 'hamburger-lines' },
                    createElement('span', {}),
                    createElement('span', {}),
                    createElement('span', {})
                ),
                createElement('span', { className: 'menu-text' }, 'Menu')
            ),
            createElement('div', { className: 'offcanvas-menu' },
                createElement('div', { className: 'offcanvas-menu-inner' })
            )
        );
    },
    
    save: () => null
});