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