29 lines
687 B
JavaScript
29 lines
687 B
JavaScript
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>
|
|
);
|
|
}
|