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