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

export default function save({ attributes }) {
	let { blockTitle, blockSubtitle } = attributes;

	return (
		<section
			{...useBlockProps.save({
				className: `starter-nested-parent`,
			})}
		>
			<RichText.Content
				value={blockTitle}
				tagName="h3"
				className="starter-nested-parent__title"
			/>
			<RichText.Content
				value={blockSubtitle}
				tagName="h4"
				className="starter-nested-parent__subtitle"
			/>

			<div className="starter-nested-parent__children-container">
				<InnerBlocks.Content />
			</div>
		</section>
	);
}
