{% if show_dummy_data == true %}
    {# This component displays payment method icons - no variables needed #}
{% endif %}

<div class="paymentIcons">

    <picture class="imageWrap">
        
        <img
                src="{{ settings.STATIC_URL }}/sites/default/images/vendors/payment-icons.png"
                loading="lazy"
                width="398"
                height="38"
                alt="Example icons"
        />

    </picture> <!-- .imageWrap -->
    
    
</div> <!-- .paymentIcons -->

{#  
<ul class="paymentIcons">
    <li>
        <picture>
            <img
                    src="{{ settings.STATIC_URL }}/shop/images/checkout_icons/visa.svg"
                    loading="lazy"
                    width="60"
                    height="32"
                    alt="Visa"
            />
        </picture>
    </li>
    <li>
        <picture>
            <img
                    src="{{ settings.STATIC_URL }}/shop/images/checkout_icons/mastercard.svg"
                    loading="lazy"
                    width="60"
                    height="32"
                    alt="Mastercard"
            />
        </picture>
    </li>
    <li>
        <picture>
            <img
                    src="{{ settings.STATIC_URL }}/shop/images/checkout_icons/googlepay.svg"
                    loading="lazy"
                    width="60"
                    height="32"
                    alt="Google Pay"
            />
        </picture>
    </li>
    <li>
        <picture>
            <img
                    src="{{ settings.STATIC_URL }}/shop/images/checkout_icons/applepay.svg"
                    loading="lazy"
                    width="60"
                    height="32"
                    alt="Apple Pay"
            />
        </picture>
    </li>
</ul>
#}
