'use client';
import{composeTypographyClassName as t,composeTypographyStyle as e,makeStyle as r,getGlobalColorStateStyle as a,makeStyleResponsive as s,getStyleShadow as o,makeLineClamp as p,cls as i,getGlobalColorStateClass as l,RenderIf as c,isLocalEnv as d,baseAssetURL as f,template as n}from"@gem-sdk/core";import{getSettingPreloadData as g}from"../../helpers.js";import{styleOverride as m}from"../common/helpers.js";let w=({styles:w,builderProps:h})=>{let b=t(w?.typo,w?.typography),y=e(w?.typo,w?.typography),u={...s("ta",w?.textAlign),...a("c",w?.color),...r({tt:w?.transform}),...y},v={...u,...s("line-clamp",p(w?.lineClamp,w?.hasLineClamp)),...o({value:w?.typo?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:w?.typo?.custom?.hasShadowText})};return n`
<gp-article-content data-id="${h?.uid}" >
  <div
      class="${i("gp-relative gp-p-description-text gp-content-text-override gp-break-words safari:[&_p]:gp-inline safari:[&_p]:after:gp-whitespace-pre",b,l("text",w?.color),"data-[browser=safari]:after:gp-content-[' '] data-[browser=safari]:after:gp-absolute data-[browser=safari]:after:gp-left-0 data-[browser=safari]:after:gp-right-0 data-[browser=safari]:after:gp-bottom-0 data-[browser=safari]:after:gp-w-full data-[browser=safari]:after:gp-h-1/2 data-[browser=safari]:after:gp-bg-gradient-to-t data-[browser=safari]:after:gp-from-white")}"
      style="${v}"
    >
    {{article.content}}
  </div>
  {% style %}
    .gp-p-description-text * {
      color: inherit
    }
    ${m}
  {% endstyle %}
</gp-article-content>
${c(d,`<script ${g('class="gps-link" delay',"src")}="{{ 'gp-article-content-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${g('class="gps-link" delay',"src")}="${f}/assets-v2/gp-article-content-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
  `};export{w as default};
