import { __ } from "@wordpress/i18n";
import "./editor.scss";
import "./tips-container";
import "./tip";

import {
	useBlockProps,
	InnerBlocks,
	InspectorControls,
} from "@wordpress/block-editor";

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

export default function Edit({ attributes, setAttributes, clientId }) {
	return (
		<>
			<section
				{...useBlockProps({
					className: `homegrade-blocks-tips-to-know`,
				})}
			>
				<InnerBlocks
					allowedBlocks={[
						"homegrade-content-blocks/section-titling",
						"homegrade-content-blocks/tips-container",
						"core/button",
						"core/buttons",
					]}
					template={[
						[
							"homegrade-content-blocks/section-titling",
							{ sectionTitle: __("Bon à savoir", "homegrade") },
						],
						["homegrade-content-blocks/tips-container"],
					]}
				/>
			</section>
		</>
	);
}
