"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@gem-sdk/core");exports.default=({setting:s,advanced:a})=>{let{align:e}=s??{};return t.template`
    <div
      class="${a?.cssClass}"
      style="${{...t.makeStyleResponsive("ta",e)}}"
    >
    <button
      class="wishlist-icon swym-add-to-wishlist-view-product product_{{ product.id }}"
      data-with-epi="true"
      data-swaction="addToWishlist"
      data-product-id="{{ product.id }}"
      data-variant-id="{{ product.variants[0].id }}"
      data-product-url="{{ shop.url }}{{ product.url }}">
        <div class="gp-flex gp-items-center gp-gap-2">
          ${s?.iconSvg}
          <span class="swym-wishlist-cta">
            ${s?.label}
          </span>
        </div>
    </button>
    </div>
  `};
