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

#Component
import ColorControl from '../components/color-control/';

registerBlockType( 'maxi-blocks/example-block', {
    title: __('Example block', 'maxi-blocks'),
    icon: icon,
    category: 'maxi-blocks',
    attributes: {
        color: {
            type: 'string'
        },
        defaultColor: {
            type: 'string',
            default: ''
        }
        gradient: {
            type: 'string'
        },
        defaultGradient: {
            type: 'string',
            default: ''
        }
        gradientAboveBackground: {
            type: 'boolean',
            deafult: false
        }
    },
    edit: (props) => {
        return (
            <InspectorControls>
                <ColorControl
                    label={__('Some label', 'gutenberg-extra')}
                    color={props.attributes.color}
                    defaultColor={props.attributes.defaultColor}
                    onColorChange={value => props.setAttributes({props.attributes.color: value})}
                />
            </InspectorControls>
        )
    }
    save: () => {
        return null;
    }
} );