import { registerBlockType } from "@wordpress/blocks";
import "./style.scss";

import Edit from "./edit";
import save from "./save";
import metadata from "./block.json";

registerBlockType(metadata.name, {
	icon: {
		foreground: "#136f63",
		src: (
			<svg width="100" height="100" viewBox="0 0 100 100">
				<g>
					<g>
						<path
							stroke="null"
							id="svg_2"
							d="m92.2486,13.78691a12.07103,12.07103 0 0 0 -12.07103,-12.07103l-60.35515,0a12.07103,12.07103 0 0 0 -12.07103,12.07103l0,12.07103a12.07103,12.07103 0 0 0 12.07103,12.07103l60.35515,0a12.07103,12.07103 0 0 0 12.07103,-12.07103l0,-12.07103zm-72.42617,12.07103l0,-12.07103l60.35515,0l0,12.07103l-60.35515,0z"
						/>
						<rect
							stroke="null"
							id="svg_3"
							height="18.10654"
							width="12.07103"
							y="46.98224"
							x="7.7514"
						/>
						<rect
							stroke="null"
							id="svg_4"
							height="12.07103"
							width="18.10654"
							y="86.21309"
							x="40.94673"
						/>
						<rect
							stroke="null"
							id="svg_5"
							height="18.10654"
							width="12.07103"
							y="46.98224"
							x="80.17757"
						/>
						<path
							stroke="null"
							id="svg_6"
							d="m7.7514,89.23085a9.05327,9.05327 0 0 0 9.05327,9.05327l12.07103,0l0,-12.07103l-9.05327,0l0,-9.05327l-12.07103,0l0,12.07103z"
						/>
						<path
							stroke="null"
							id="svg_7"
							d="m80.17757,86.21309l-9.05327,0l0,12.07103l12.07103,0a9.05327,9.05327 0 0 0 9.05327,-9.05327l0,-12.07103l-12.07103,0l0,9.05327z"
						/>
					</g>
				</g>
			</svg>
		),
	},
	edit: Edit,
	save,
});

wp.blocks.registerBlockStyle("front-header/front-header", {
	name: "has-overlap",
	label: "Superposition du bloc suivant”",
});