{% sw_extends '@Storefront/storefront/component/swkweb-pseudovariant/configurator/button-text.html.twig' %}

{% block swkweb_pseudovariant_variant_selection_button_container %}
    <div class="product-detail-pseudovariants-pseudovariant-container product-detail-pseudovariants-pseudovariant-image">
        {{ parent() }}
    </div>
{% endblock %}

{% block swkweb_pseudovariant_variant_selection_button_link_content %}
    {% if pseudovariant.product.cover.media.url %}
        {% block swkweb_pseudovariant_variant_selection_button_link_content_image_thumbnail %}
            {% sw_thumbnails 'configurator-option-img-thumbnails' with {
                media: pseudovariant.product.cover.media,
                sizes: {
                    default: '52px'
                },
                attributes: {
                    class: 'product-detail-configurator-option-image',
                    alt: (pseudovariant.product.cover.media.translated.alt ?: pseudovariantName),
                    title: (pseudovariant.product.cover.media.translated.title ?: pseudovariantName)
                }
            } %}
        {% endblock %}
    {% else %}
        {% sw_icon 'placeholder' style {
            size: 'fluid'
        } %}
    {% endif %}
{% endblock %}