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

export default function save({ attributes }) {
	const { focusTitle, focusPosition, focusCaptionDescription, focusIndex } =
		attributes;
	return (
		<li
			{...useBlockProps.save({
				className: `homegrade-blocks-focus-point-caption`,
			})}
		>
			{/* <div
			{...useBlockProps({
				className: `homegrade-blocks-focus-point`,
				"data-focus-title": focusTitle,
				style: {
					top: `${focusPosition.y * 100}%`,
					left: `${focusPosition.x * 100}%`,
				},
			})}
		>
			{focusIndex}
		</div> */}
			<span className="focus-point-title">{focusTitle}</span>
			{focusCaptionDescription}
		</li>
	);
}
