/**
 * WordPress dependencies
 */
import { registerBlockType } from '@wordpress/blocks';

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

const variationsIcon = {
	src:
	<svg
		width="24"
		height="24"
		viewBox="0 0 24 24"
		fill="none"
		xmlns="http://www.w3.org/2000/svg"
	>
		<path
			fill="#e1236c"
 			d="M22.98 9.12a3 3 0 0 0-.25-.98 3.4 3.4 0 0 0-1.26-1.55 4 4 0 0 0-.91-.43 4 4 0 0 0-1.34-.13 4 4 0 0 0-1.28.39 4 4 0 0 0-.57.37 3 3 0 0 0-.67.75 4 4 0 0 0-.43.92 3 3 0 0 0-.14.66 3 3 0 0 0 0 .63l-1.15-2.01A3.44 3.44 0 0 0 8.56 9.7L7.42 7.73a3.44 3.44 0 1 0-5.96 3.43l2.48 4.32a3.44 3.44 0 0 0 6.41-1.97l1.15 1.98a3.44 3.44 0 0 0 6.06-3.24l.09.06a3.5 3.5 0 0 0 2.58.52 4 4 0 0 0 .95-.34A3.5 3.5 0 0 0 23 9.45z"
		/>
	</svg>
};

/**
 * 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: variationsIcon,
	/**
	 * @see ./edit.js
	 */
	edit,
	/**
	 * @see ./save.js
	 */
	save,
} );
