import {
FooGalleryEditModal,
FooGalleryEditPlaceholder,
FooGalleryEditBlockControls,
FooGalleryEditInspectorControls
} from '../components';
const { __ } = wp.i18n;
const { Component, Fragment } = wp.element;
const { Button } = wp.components;
export default class FooGalleryEditEmpty extends Component {
render(){
const { icon, label, instructions, button, ...props } = this.props;
let placeholderProps = { icon, label, instructions };
return (
<Fragment>
<FooGalleryEditBlockControls { ...props } />
<FooGalleryEditPlaceholder { ...placeholderProps }>
<Button isDefault isLarge onClick={ props.onRequestModalOpen }>{ button }</Button>
</FooGalleryEditPlaceholder>
<FooGalleryEditModal { ...props } />
<FooGalleryEditInspectorControls { ...props }/>
</Fragment>
);
}
}
FooGalleryEditEmpty.defaultProps = {
icon: "format-gallery",
label: __("FooGallery", "foogallery"),
instructions: __("Select the gallery you want to insert.", "foogallery"),
button: __("Select Gallery", "foogallery"),
onRequestModalOpen: _.noop
};