{% sw_extends '@Storefront/storefront/component/product/card/wishlist.html.twig' %}
{% block component_product_wishlist_icon %}
{% sw_icon 'heart-solid' style {'pack': 'hero', 'class': 'wishlist icon-wishlist-added', 'size': ' w-5' } %}
{% sw_icon 'heart-outline' style {'pack': 'hero', 'class': 'wishlist icon-wishlist-not-added', 'size': ' w-5' } %}
{% if showText %}
<span class="product-wishlist-btn-content text-wishlist-not-added product-wishlist-btn-content-{{ size }}">
{{ "listing.addToWishlist"|trans|sw_sanitize }}
</span>
<span class="product-wishlist-btn-content text-wishlist-remove product-wishlist-btn-content-{{ size }}">
{{ "listing.removeFromWishlist"|trans|sw_sanitize }}
</span>
{% endif %}
{% endblock %}