import { __ } from "@wordpress/i18n";
import "./editor.scss";
import keyIcon from "./img/icon_feather_key.svg";
import chainIcon from "./img/icon_block_chain.svg";
import houseIcon from "./img/icon_house.svg";
import bulbIcon from "./img/icon_bulb.svg";
import {
	RichText,
	useBlockProps,
	BlockControls,
	InnerBlocks,
	InspectorControls,
} from "@wordpress/block-editor";

import { ToolbarButton, ToggleControl, PanelBody } from "@wordpress/components";

export default function Edit({ attributes, setAttributes }) {
	return (
		<>
			<section
				id="aller-plus-loin"
				{...useBlockProps({ className: `homegrade-blocks-plus-loin` })}
			>
				<h2 className="homegrade-blocks-plus-loin__block-title">
					{__("Pour aller plus loin", "homegrade-blocks__texte-fonctionnel")}
				</h2>

				<InnerBlocks
					allowedBlocks={[
						"core/paragraph",
						"homegrade-blocks/content-heading",
						"core/list",
						"core/buttons",
						"core/button",
						"core/colums",
						"core/colum",
						"homegrade-content-blocks/content-heading",
					]}
					template={[["core/paragraph"]]}
				/>
			</section>
		</>
	);
}