"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@gem-sdk/core");exports.default=({setting:e,advanced:r})=>{let{align:d}=e??{};return t.template`
    <div
      class="${r?.cssClass}"
      style="${{...t.makeStyleResponsive("ta",d)}}"
    >
      <div
      data-current-variant-id='{{ product.selected_or_first_available_variant.id }}'
      data-product-id='{{ product.id }}'
      data-bs-widget
      class='bs-subscription-widget-block'
      data-product='{{ product | json | escape }}'
    ></div>
    <script>
      window.BS_SELECTORS = {
        price: "gp-product-price[data-product-id='{{ product.id }}'] .gp-price.gp-money",
        compare_at_price:
          "gp-product-price[data-product-id='{{ product.id }}'] .gp-product-compare-price",
      };
    </script>
    </div>
  `};
