import{makeStyleResponsive as t,template as d}from"@gem-sdk/core";let r=({setting:r,advanced:p})=>{let{align:c}=r??{};return d`
    <div
      class="${p?.cssClass}"
      style="${{...t("ta",c)}}"
    >
      <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>
  `};export{r as default};
