const { __ } = wp.i18n;
const { InspectorControls } = wp.blockEditor;
const { registerBlockType } = wp.blocks;

#Component
import ImagePositionControl from '../components/image-position-control';

registerBlockType( 'gutenberg-extra/example-block', {
    title: __('Example block', 'gutenberg-extra'),
    icon: icon,
    category: 'gutenberg-extra-blocks',
    supports: { 
        align: true,
    },
    attributes: {
        imagePosition: {
            type: 'string',
            default: 'top',
        },
    },
    edit: (props) => {
        return (
            <InspectorControls>
                <ImagePosition 
                    value={props.attributes.imagePosition}
                    onChange={value => props.setAttributes({ props.attributes.imagePosition: value })}
                />
            </InspectorControls>
        )
    }
    save: () => {
        return null;
    }
} );