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

export default function save({ attributes }) {
	const { year } = attributes;
	return (
		<div
			{...useBlockProps.save({
				className: `highlight-timeline-step swiper-slide`,
				id: `year-${year}`,
			})}
		>
			<div className="highlight-timeline-step__year">
				<p className="highlight-timeline-step__year-text">{year}</p>
			</div>
			<div className="highlight-timeline-step__innerblocks">
				<InnerBlocks.Content />
			</div>
		</div>
	);
}
