import { RichText } from "@wordpress/block-editor";
import {
    sanitizeURL,
    BlockProps
} from "@essential-blocks/controls";

const save = ({ attributes }) => {
    const {
        blockId,
        image,
        imageCaption,
        horizontalAlign,
        verticalAlign,
        verticalAlignCap2,
        stylePreset,
        captionStyle,
        hoverEffect,
        openInNewTab,
        imageLink,
        enableLink,
        classHook,
        imgSource
    } = attributes;

    if (imgSource !== 'custom') {
        return null;
    }

    let imageURL = image.url;

    const linkTarget = openInNewTab ? "_blank" : undefined;

    if (imageURL === "") return null;

    return (
        <BlockProps.Save attributes={attributes}>
            <div className={`eb-parent-wrapper eb-parent-${blockId} ${classHook}`}>
                <figure
                    className={`eb-advanced-image-wrapper ${blockId} img-style-${stylePreset} ${captionStyle} caption-horizontal-${horizontalAlign} caption-vertical-${verticalAlign} ${verticalAlignCap2} ${hoverEffect}`}
                    data-id={blockId}
                >
                    <div className="image-wrapper">
                        {enableLink && (
                            <a
                                className={"eb-advimg-link"}
                                href={sanitizeURL(imageLink)}
                                target={linkTarget}
                                rel={linkTarget === "_blank" ? "noopener" : undefined}
                            >
                            </a>
                        )}
                        <img src={imageURL} alt={image.alt} />
                        {!RichText.isEmpty(imageCaption) &&
                            captionStyle != "caption-style-2" && (
                                <RichText.Content tagName="figcaption" value={imageCaption} />
                            )}
                    </div>

                    {!RichText.isEmpty(imageCaption) &&
                        captionStyle == "caption-style-2" && (
                            <RichText.Content tagName="figcaption" value={imageCaption} />
                        )}
                </figure>
            </div>
        </BlockProps.Save>
    );
};

export default save;
{"id":5672,"date":"2025-09-18T23:47:19","date_gmt":"2025-09-18T22:47:19","guid":{"rendered":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/?p=5672"},"modified":"2025-10-21T13:38:45","modified_gmt":"2025-10-21T12:38:45","slug":"penny-slots-free-the-ultimate-overview","status":"publish","type":"post","link":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/?p=5672","title":{"rendered":"Penny Slots Free: The Ultimate Overview"},"content":{"rendered":"<p>Invite to the utmost overview to cent slots totally <a href=\"https:\/\/1-xbet-ua.com.ua\/\">\u0441\u0442\u0430\u0432\u043a\u0438 1xBet<\/a> free! This detailed short article will give you with all the information you require to learn about playing cent slots free of cost. Whether you're a novice gamer or a seasoned pro, this overview will certainly cover whatever from the fundamentals<script>;<\/script><script>;<\/script><script>;<\/script><script>;<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Invite to the utmost overview to cent slots totally \u0441\u0442\u0430\u0432\u043a\u0438 1xBet free! This detailed short article will give you with all the information you require to learn about playing cent slots free of cost. Whether you're a novice gamer or a seasoned pro, this overview will certainly cover whatever from the fundamentals<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/index.php?rest_route=\/wp\/v2\/posts\/5672"}],"collection":[{"href":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5672"}],"version-history":[{"count":5,"href":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/index.php?rest_route=\/wp\/v2\/posts\/5672\/revisions"}],"predecessor-version":[{"id":6620,"href":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/index.php?rest_route=\/wp\/v2\/posts\/5672\/revisions\/6620"}],"wp:attachment":[{"href":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5672"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5672"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5672"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}