'use client';
import{jsx as e}from"react/jsx-runtime";import t from"../../text/components/Text.js";import{useArticleStore as r,useRenderMode as i}from"@gem-sdk/core";let ArticleTag=({setting:l,builderProps:g,styles:p})=>{let d=r(e=>e.article),{isPreviewSharePageMode:a}=i(),o=d?.tags?.map(e=>e?.name).join(", "),n=a?null:e("div",{children:e("p",{className:"gp-bg-light-100 gp-border-dashed gp-border-[1px] gp-border-text-light-100 gp-text-text-light-500 gp-rounded-lg gp-px-2 gp-py-1 gp-text-12 gp-leading-5",children:"No article tag"})});return e("div",{id:`shopify-text-element-${g?.uid}`,"data-article-id":d?.baseID?.replace("gid://shopify/OnlineStoreArticle/",""),children:d?.tags?.length?e(t,{builderProps:g,styles:p,setting:{...l,text:o,excludeFlex:!0}}):n})};export{ArticleTag as default};
