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

export default function save({ attributes }) {
	const { columns, cardsWithBorder, align } = attributes;
	return (
		<section
			{...useBlockProps.save({
				className: `card-grid card-grid--columns-${columns} card-grid--cards-${
					cardsWithBorder ? "with-border" : "without-border"
				}${align ? ` align${align}` : ""}`,
			})}
		>
			<div className="card-grid__innerblocks">
				<InnerBlocks.Content />
			</div>
		</section>
	);
}
