import{template as t,makeStyleResponsive as s}from"@gem-sdk/core";let WishlistPlus=({setting:a,advanced:i})=>{let{align:d}=a??{};return t`
    <div
      class="${i?.cssClass}"
      style="${{...s("ta",d)}}"
    >
    <button
      class="wishlist-icon swym-button swym-add-to-wishlist"
      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">
          ${a?.iconSvg}
          <span class="swym-wishlist-cta">
            ${a?.label}
          </span>
        </div>
    </button>
    </div>
  `};export{WishlistPlus as default};
