import{makeStyleResponsive as a,template as t}from"@gem-sdk/core";let l=({setting:l,advanced:d})=>{let{widgetType:e,align:s}=l??{};return t`
    <div
      class="${d?.cssClass} gp-appstle-loyalty [&_*]:gp-max-w-none"
      style="${{...a("ta",s)}}"
    >
      {% assign widget = '${e}' %}
      {% case widget %}
        {% when "loyalty_dedicated_page" %}
          <div class="appstleLoyaltyPage" data-appstle-loyalty="APPSTLE_LOYALTY_PAGE" id="appstleLoyaltyPage"></div>
        {% when "points_display_on_product" %}
          <div class="appstle-loyalty-acquire-points-block" data-appstle-loyalty="APPSTLE_LOYALTY_ACQUIRE_POINTS" id="appstle-loyalty-acquire-points-block"></div>
        {% when "points_display_on_collections" %}
          <div class="appstle-loyalty-stand-alone-selector" data-product-id="{{product.id}}" data-product-handle="{{product.handle}}" data-variant-id="{{product.variants[0].id}}" data-product-data="{{product | json | escape}}"></div>
      {% endcase %}
    </div>
  `};export{l as default};
