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

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

	return (
		<section
			{...useBlockProps.save({
				className: `homegrade-blocks-staff-list`,
			})}
		>
			<div className="section_titling section_titling--left">
				<RichText.Content
					value={blockTitle}
					tagName="h3"
					className="section_titling__title"
				/>
				<RichText.Content
					value={blockSubtitle}
					tagName="h4"
					className="section_titling__subtitle"
				/>
			</div>

			<ul className="homegrade-blocks-staff-list__staff-list">
				<InnerBlocks.Content />
			</ul>
		</section>
	);
}
