/**
 * Registers a new block provided a unique name and an object defining its behavior.
 *
 * @see https://developer.wordpress.org/block-editor/reference-guides/block-api/block-registration/
 */
import { registerBlockType } from '@wordpress/blocks';
import { InnerBlocks } from "@wordpress/block-editor";
/**
 * Lets webpack process CSS, SASS or SCSS files referenced in JavaScript files.
 * All files containing `style` keyword are bundled together. The code used
 * gets applied both to the front of your site and to the editor.
 *
 * @see https://www.npmjs.com/package/@wordpress/scripts#using-css
 */
import './style.scss';

/**
 * Internal dependencies
 */
import Edit from './edit';
import metadata from './block.json';

/**
 * Every block starts by registering a new block type definition.
 *
 * @see https://developer.wordpress.org/block-editor/reference-guides/block-api/block-registration/
 */
registerBlockType(metadata.name, {
  icon: {
    src: (
      <svg xmlns="http://www.w3.org/2000/svg" width="25" viewBox="0 0 640 512">
        <path d="M96 32l384 0 0 64 32 0 0-64 0-32L480 0 96 0 64 0l0 32 0 256-32 0L0 288l0 32 0 16 48 48 304 0 0-32L61.3 352 32 322.7l0-2.7 32 0 32 0 256 0 0-32L96 288 96 32zM384 512l32 0 192 0 32 0 0-32 0-320 0-32-32 0-192 0-32 0 0 32 0 320 0 32zm224-32l-192 0 0-320 192 0 0 320z"/>
      </svg>
    )
  },
  /**
   * @see ./edit.js
   */
  edit: Edit,

  /**
   * @see ./save.js
   */
  save: () => <InnerBlocks.Content />,// Dynamic block, no save needed
}); 