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":5438,"date":"2025-08-12T21:16:03","date_gmt":"2025-08-12T20:16:03","guid":{"rendered":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/?p=5438"},"modified":"2025-10-21T12:41:45","modified_gmt":"2025-10-21T11:41:45","slug":"how-to-play-casino-online","status":"publish","type":"post","link":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/?p=5438","title":{"rendered":"How to Play Casino Online"},"content":{"rendered":"<p>Casinos online provide a variety of games. You will find that many of them provide specific instructions. Many online casinos offer demo versions of their games for no cost so that you can try them out without taking any risk. Once you're comfortable to move on to playing with real money. If you have extra cash, you could even play a live dealer<script>;<\/script><script>;<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Casinos online provide a variety of games. You will find that many of them provide specific instructions. Many online casinos offer demo versions of their games for no cost so that you can try them out without taking any risk. Once you're comfortable to move on to playing with real money. If you have extra [&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\/5438"}],"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=5438"}],"version-history":[{"count":3,"href":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/index.php?rest_route=\/wp\/v2\/posts\/5438\/revisions"}],"predecessor-version":[{"id":6507,"href":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/index.php?rest_route=\/wp\/v2\/posts\/5438\/revisions\/6507"}],"wp:attachment":[{"href":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5438"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5438"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5438"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}