import{getClassThirdPartyContainer as s,getClassIconThirdPartyContainer as o,getClassTextThirdPartyContainer as t}from"../common/classes.js";import{createClass as i,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 ThirdPartySlot=a=>{let{setting:l,builderProps:p}=a,n=i(s()),c=i(o()),y=i(t()),$=d(r());return e({setting:l,type:"liquid",componentsEditorMode:`
      <div
        data-uid=${p?.uid??""}
        data-index=${l?.index}
        class="${n}"
      >
        <div class="${c}" style="${$}" >
          <span>${m}</span>
          <div class="${y}">Shopify App</div>
        </div>
      </div>
    `})};export{ThirdPartySlot as default};
