"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var classes=require("../common/classes.js"),system=require("@gem-sdk/system"),helpers=require("../common/helpers.js"),styles=require("../common/styles.js");const ThirdPartySlot=e=>{let{setting:s,builderProps:t}=e,r=system.createClass(classes.getClassThirdPartyContainer()),a=system.createClass(classes.getClassIconThirdPartyContainer()),l=system.createClass(classes.getClassTextThirdPartyContainer()),i=system.createStyle(styles.getStyleIconThirdPartyContainer());return helpers.renderThirdPartySlot({setting:s,type:"liquid",componentsEditorMode:`
      <div
        data-uid=${t?.uid??""}
        data-index=${s?.index}
        class="${r}"
      >
        <div class="${a}" style="${i}" >
          <span>${helpers.ICON_SHOPIFY_SLOT}</span>
          <div class="${l}">Shopify App</div>
        </div>
      </div>
    `})};exports.default=ThirdPartySlot;
