import { useBlockProps } from "@wordpress/block-editor";
import { ReactComponent as ArrowIcon } from "./img/carhop-fleche-lien-externe-full.svg";

export default function save({ attributes }) {
	const { align, link, text, color } = attributes;
	return (
		<></>
		// <a
		// 	href={link?.url}
		// 	{...useBlockProps.save({
		// 		className: `align--${align}`,
		// 		style: {
		// 			color: color,
		// 			"--cta-current-color": color,
		// 		},
		// 	})}
		// >
		// 	{text}
		// 	<div className="icon">
		// 		<ArrowIcon style={{ "--cta-current-color": color }} />
		// 	</div>
		// </a>
	);
}