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

export default function save({ attributes }) {
	const { imageUrl } = attributes;
	return (
		<section {...useBlockProps.save({
			className: "our-collections",
		})}>
				{imageUrl ? <img src={imageUrl} className="our-collections__selected-image" alt="" /> : null}


			<div className="our-collections__innerblocks">
				<InnerBlocks.Content />
			</div>
			<div className="redirection-grid">	
				<a className="redirection-grid__item" href="/Archives">Archives</a>
				<a className="redirection-grid__item" href="/Archives">Documentation</a>
				<a className="redirection-grid__item" href="/Archives">Images fixes</a>
				<a className="redirection-grid__item" href="/Archives">Audio</a>
				<a className="redirection-grid__item" href="/Archives">Images animées</a>
				<a className="redirection-grid__item" href="/Archives">Objets</a>
			</div>
			<a href="/collections" className="see-all">Voir toutes nos collections</a>
			<div className="background-shape"></div>
			

		</section>
	);
}
