/**
 * 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" viewBox="0 0 512 512">
        <path d="M292.7 196.7L281.4 208 304 230.6l11.3-11.3L480 54.6 480 160l0 16 32 0 0-16 0-144 0-16L496 0 352 0 336 0l0 32 16 0 105.4 0L292.7 196.7zM219.3 315.3L230.6 304 208 281.4l-11.3 11.3L32 457.4 32 352l0-16L0 336l0 16L0 496l0 16 16 0 144 0 16 0 0-32-16 0L54.6 480 219.3 315.3z"/>
        </svg>
		),
	},
	/**
	 * @see ./edit.js
	 */
	edit: Edit,
	save: () => <InnerBlocks.Content />,
});
