import { __ } from "@wordpress/i18n";
import { InnerBlocks } from "@wordpress/block-editor";
import "./editor.scss";
import keyIcon from "./img/icon_feather_key.png";
import { ReactComponent as SvgIcon } from "./img/icon_feather_key.svg";

export default function Edit({ attributes, setAttributes }) {
	return (
		<>
			<section className="wp-block-homegrade-content-blocks-points-cles">
				<div className="wp-block-homegrade-content-blocks-points-cles__titling">
					<div className="icon">
						<img src={keyIcon} />
					</div>
					<h3>
						{__("Les points clés", "homegrade-blocks__texte-fonctionnel")}
					</h3>
				</div>

				<InnerBlocks
					allowedBlocks={[
						"core/list",
						"core/paragraph",
						"core/heading",
						"wpblocks-multiple/nested-children",
					]}
					template={[["core/paragraph"], ["core/list"]]}
				/>
			</section>
		</>
	);
}