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