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":5758,"date":"2025-09-24T10:36:28","date_gmt":"2025-09-24T09:36:28","guid":{"rendered":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/?p=5758"},"modified":"2025-10-21T13:17:15","modified_gmt":"2025-10-21T12:17:15","slug":"discover-the-exhilaration-of-playing-roulette-online-with-real-cash-and-paypal","status":"publish","type":"post","link":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/?p=5758","title":{"rendered":"Discover the Exhilaration of Playing Roulette Online with Real Cash and PayPal"},"content":{"rendered":"<p>Are you a follower of the thrilling casino video game of roulette? Do you intend to experience the excitement of playing roulette online with real cash? Look no further! In this interesting post, we will check out the globe of on the internet roulette, particularly focusing on the convenience and security of utilizing PayPal to deposit and take out<script>;<\/script><script>;<\/script><script>;<\/script><script>;<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Are you a follower of the thrilling casino video game of roulette? Do you intend to experience the excitement of playing roulette online with real cash? Look no further! In this interesting post, we will check out the globe of on the internet roulette, particularly focusing on the convenience and security of utilizing PayPal to [&hellip;]<\/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\/5758"}],"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=5758"}],"version-history":[{"count":5,"href":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/index.php?rest_route=\/wp\/v2\/posts\/5758\/revisions"}],"predecessor-version":[{"id":6577,"href":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/index.php?rest_route=\/wp\/v2\/posts\/5758\/revisions\/6577"}],"wp:attachment":[{"href":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5758"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5758"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5758"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}