import Content from './renderer';
import Editor from './editor';

const {Component, Fragment} = wp.element;
const {Toolbar, IconButton} = wp.components;
const {BlockControls} = wp.editor;
const {__} = wp.i18n;

class Step extends Component {
    constructor() {
        super(...arguments);
    }

    render() {
        return (
            <Fragment>
                <BlockControls>
                    <Toolbar>
                        <IconButton
                            label={ __('Edit Step') }
                            icon="edit"
                        />
                    </Toolbar>
                </BlockControls>
                <Editor {...this.props}/>
            </Fragment>
        );
    }
}

Step.Content = Content;

export default Step;