/**
 * 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="M608 32L224 32l0 201.4 84.7-84.7L320 137.4l11.3 11.3L384 201.4 500.7 84.7 512 73.4l11.3 11.3L608 169.4 608 32zm32 176c0 0 0 0 0 .1l0 112 0 32-32 0-336 0c0 0 0 0 0 0l-48 0-32 0 0-32 0-48s0 0 0 0l0-240 0-32 32 0L608 0l32 0 0 32 0 176zm-32 6.7l-96-96L395.3 235.3 310.6 320 608 320l0-105.4zM265.4 320l96-96L320 182.6l-96 96 0 41.4 41.4 0zM296 80a24 24 0 1 1 0 48 24 24 0 1 1 0-48zM128 160l32 0 0 32-32 0 0 80 0 128 0 80 256 0 0-96 32 0 0 96 64 0 0-96 32 0 0 96 0 32-32 0-64 0-16 0-16 0-256 0-16 0-16 0-64 0L0 512l0-32L0 192l0-32 32 0 64 0 16 0 16 0zM96 192l-64 0 0 64 64 0 0-64zM32 480l64 0 0-64-64 0 0 64zm64-96l0-96-64 0 0 96 64 0z"/>
      </svg>
		),
	},
	/**
	 * @see ./edit.js
	 */
	edit: Edit,
	// save: () => <InnerBlocks.Content />,
});
