import { registerBlockType } from '@wordpress/blocks';
import { __ } from '@wordpress/i18n';
const { InspectorControls, useBlockProps } = wp.blockEditor;
const { PanelBody } = wp.components;
import { ServerSideRender } from '@wordpress/server-side-render';
import {save_null} from '../common';
import './post-personas.scss';

const edit = (props) => {
    const { className, setAttributes, attributes } = props;
    const {  } = attributes;
    const blockProps = useBlockProps();

    return (
        <div className={className} {...blockProps}>
            <InspectorControls>
                <PanelBody title={__("Settings", "personalizer")} initialOpen={true}>
                    
                </PanelBody>
            </InspectorControls>
            <span>
                {__("Personas", "personalizer")}
            </span>
            <ServerSideRender block="personalizer/post-personas" />
        </div>
    );
};

registerBlockType( 'personalizer/post-personas', {
    edit: edit,
    save: save_null,
} );