import{getClassThirdPartyContainer as s,getClassIconThirdPartyContainer as o,getClassTextThirdPartyContainer as i}from"../common/classes.js";import{createClass as t,createStyle as d}from"@gem-sdk/system";import{renderThirdPartySlot as e,ICON_SHOPIFY_SLOT as m}from"../common/helpers.js";import{getStyleIconThirdPartyContainer as r}from"../common/styles.js";let a=a=>{let{setting:p,builderProps:l}=a,n=t(s()),c=t(o()),$=t(i()),f=d(r());return e({setting:p,type:"liquid",componentsEditorMode:`
      <div
        data-uid=${l?.uid??""}
        data-index=${p?.index}
        class="${n}"
      >
        <div class="${c}" style="${f}" >
          <span>${m}</span>
          <div class="${$}">Shopify App</div>
        </div>
      </div>
    `})};export{a as default};
