/**
 * Retrieves the translation of text.
 *
 * @see https://developer.wordpress.org/block-editor/packages/packages-i18n/
 */
import { __ } from '@wordpress/i18n';

/**
 * React hook that is used to mark the block wrapper element.
 * It provides all the necessary props like the class name.
 *
 * @see https://developer.wordpress.org/block-editor/packages/packages-block-editor/#useBlockProps
 */


 const {
	useBlockProps,
	InspectorControls, 
	useInnerBlocksProps
} = wp.blockEditor

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

const {
	PanelBody,
} = wp.components

const {
	useState,
	useEffect,
} = wp.element

import { displayShortcut, isKeyboardEvent } from '@wordpress/keycodes';

/**
 * Lets webpack process CSS, SASS or SCSS files referenced in JavaScript files.
 * Those files can contain any CSS code that gets applied to the editor.
 *
 * @see https://www.npmjs.com/package/@wordpress/scripts#using-css
 */
import './editor.scss';

/**
 * The edit function describes the structure of your block in the context of the
 * editor. This represents what the editor will render when the block is used.
 *
 * @see https://developer.wordpress.org/block-editor/developers/block-api/block-edit-save/#edit
 * @return {WPElement} Element to render.
 */
export default function Edit( { attributes, setAttributes } ) {

	const {
	} = attributes

	const classNamePrefix = `wd-block-webdevia-advanced-search`

	const blockProps = useBlockProps( {
		className: `${classNamePrefix}`
	} )
	

	const innerBlocksProps = useInnerBlocksProps( blockProps, {
		templateLock: "all",
		template: [
			[
				"core/button",
				
				
			],
		],
	})
	return [
		<InspectorControls>
			<PanelBody
					title={__('Settings', 'lifttruck')}
					initialOpen={ true }
				>
				
					
			</PanelBody>
		</InspectorControls>,
		<div { ...blockProps } >

			<select>
				<option>{ __('Select','lifttruck') }</option>
			</select>
			<select>
				<option>{ __('Select','lifttruck') }</option>
			</select>
			<select>
				<option>{ __('Select','lifttruck') }</option>
			</select>
			<input type="submit" className="wp-block-button__link wp-element-button" value={__('Searsh', 'lifttruck')} />
		{/* <div { ...innerBlocksProps }></div> */}

		</div>
	]
}