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":5442,"date":"2025-08-12T22:00:32","date_gmt":"2025-08-12T21:00:32","guid":{"rendered":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/?p=5442"},"modified":"2025-10-21T14:29:45","modified_gmt":"2025-10-21T13:29:45","slug":"live-roulette-online-real-money-paypal-an-ultimate-guide","status":"publish","type":"post","link":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/?p=5442","title":{"rendered":"Live Roulette Online Real Money PayPal: An Ultimate Guide"},"content":{"rendered":"<p>Are you a fan of the classic online casino video game, roulette? Do you wish to experience the adventure and enjoyment of playing live roulette online for real money? Look no more! In this comprehensive overview, we will discover the world of online roulette, specifically concentrating on playing with genuine cash through the popular settlement platform,<script>;<\/script><script>;<\/script><script>;<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Are you a fan of the classic online casino video game, roulette? Do you wish to experience the adventure and enjoyment of playing live roulette online for real money? Look no more! In this comprehensive overview, we will discover the world of online roulette, specifically concentrating on playing with genuine cash through the popular settlement [&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\/5442"}],"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=5442"}],"version-history":[{"count":4,"href":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/index.php?rest_route=\/wp\/v2\/posts\/5442\/revisions"}],"predecessor-version":[{"id":6734,"href":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/index.php?rest_route=\/wp\/v2\/posts\/5442\/revisions\/6734"}],"wp:attachment":[{"href":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5442"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5442"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5442"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}