28 lines
598 B
JavaScript
28 lines
598 B
JavaScript
import { useBlockProps } from "@wordpress/block-editor";
|
|
export default function save({ attributes }) {
|
|
const { coverUrl, coverId, coverAlt, heightFixed, imagePosition } =
|
|
attributes;
|
|
return (
|
|
<div
|
|
{...useBlockProps.save({
|
|
className: `homegrade-content-blocks-picture-banner ${
|
|
heightFixed ? "fixed-height" : ""
|
|
}`,
|
|
})}
|
|
>
|
|
{coverUrl && (
|
|
<img
|
|
src={coverUrl}
|
|
alt={coverAlt}
|
|
style={{
|
|
objectPosition: `${imagePosition.x * 100}% ${
|
|
imagePosition.y * 100
|
|
}%`,
|
|
}}
|
|
className={`wp-image-${coverId}`}
|
|
/>
|
|
)}
|
|
</div>
|
|
);
|
|
}
|