'use client';
import{jsx as e}from"react/jsx-runtime";import{useArticleStore as t,cls as r}from"@gem-sdk/core";import a from"../../image/components/Image.js";import{useMemo as i}from"react";let ArticleImage=({className:m,setting:o={},styles:s={},advanced:l,builderProps:c})=>{let d=t(e=>e.article),n=i(()=>{let{src:e,alt:t}=d?.media??{};return{src:e,alt:t}},[d]);return e("div",{className:r("gp-text-center",m),style:{borderRadius:"inherit"},children:e(a,{builderProps:c,setting:{...o,image:n,disableNoDataState:!0},styles:s,advanced:l})})};export{ArticleImage as default};
