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