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

#Component
import GradientControl from '../components/gradient-control/';

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