'use client';
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),Image_liquid=require("../../image/components/Image.liquid.js"),helpers=require("../../helpers.js");const ArticleImage=e=>{let t=e?.setting??{},{alt:a,title:i}=t,{builderProps:r}=e,l=t?.openNewTab?"_blank":"_self";return core.template`
    <div class="${core.cls("gp-text-center",e?.className)}" style="border-radius: inherit">
      ${t?.linkArticle?`
          <a href="${helpers.getLinkArticle(t.linkArticle,t.customURL)}" target="${l}" title="{{article.title}}">
            ${Image_liquid.default({...e,styles:e.styles,setting:{...e.setting,alt:a,title:i,image:{src:"{{article.image.src | img_url: '1024x1024'}}",alt:"{{article.image.alt}}"},srcSet:{desktop:{src:"{{article.image.src | img_url: '1024x1024'}}"}},disableNoDataState:!0},advanced:e.advanced,builderAttrs:{"data-id":r?.uid}})}
          </a>
        `:`
        ${Image_liquid.default({...e,styles:e.styles,setting:{...e.setting,alt:"{{article.image.alt}}",image:{src:"{{article.image.src | img_url: '1024x1024'}}",alt:"{{article.image.alt}}"},srcSet:{desktop:{src:"{{article.image.src | img_url: '1024x1024'}}"}},disableNoDataState:!0},advanced:e.advanced,builderAttrs:{"data-id":r?.uid}})}
      `}
    </div>
  `};exports.default=ArticleImage;
