import { useBlockProps } from '@wordpress/block-editor';
import { registerBlockType } from '@wordpress/blocks';
import ServerRendered from '@wordpress/server-side-render';

const NAME = 'recomaze/breadcrumbs';

/** The block is described server-side; the editor only needs a live preview. */
const Edit = (): JSX.Element => (
  <div {...useBlockProps()}>
    <ServerRendered block={NAME} attributes={{}} />
  </div>
);

registerBlockType(
  { name: NAME, title: 'Breadcrumbs', category: 'widgets', attributes: {} },
  { edit: Edit, save: () => null }
);