
import { __ } from '@wordpress/i18n';
import { useBlockProps, InnerBlocks, InspectorControls } from '@wordpress/block-editor';
import './editor.scss';

const menuColumns = [
	['core/group', { className: 'artcloud_menu_group' }, [
		['core/columns', { className: 'artcloud_menu_columns' },
			[
				[
					'core/column',
					{ className: 'artcloud_menu_logo' },
					[['core/site-logo', { className: 'artcloud_site_logo' }]],
				],
				[
					'core/column',
					{ className: 'artcloud_menu_sitetitle' },
					[['core/site-title', { className: 'artcloud_sitetitle' }]],
				],
				[
					'core/column',
					{ className: 'artcloud_menu_lang_shortcode' },
					[['artcloud-blocks/artcloud-shortcode', { className: 'artcloud_shortcode' }]],
				],
				[
					'core/column',
					{ className: 'artcloud_menu_search' },
					[['core/search', { className: 'artcloud_search' }]],
				],
				[
					'core/column',
					{ className: 'artcloud_menu_mobile_menu' },
					[['core/navigation', { className: 'artcloud_mobile_menu' }]],
				],
			]
		]
	]]];

export default function Edit({ attributes, setAttributes }) {

	return (
		<div {...useBlockProps()}>
			<InnerBlocks template={menuColumns} />
		</div>
	);
}
