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

export default function save({ attributes }) {
	const { hasIcon } = attributes;
	return (
		<div
			{...useBlockProps.save({
				className: "notice-panel",
			})}
		>
			<div className={`notice-panel__content has-icon-${hasIcon}`}>
				{hasIcon && <div className="icon"></div>}

				<div className="innerblocks">
					<InnerBlocks.Content />
				</div>
			</div>
		</div>
	);
}
