<div {{ attributes }}>
   <ul>
      {% for country in this.supportedCountries %}
         <li>
            <a href="{{ this.countryUrl(country) }}">
               <span class="flag">
                  <img src="/common/static/images/flags/{{ country.id|lower|replace({cz: 'cs'}) }}.svg" width="30" height="30"
                       loading="lazy" alt="{{ country.id }}">
               </span>
               {{ country.name }}
            </a>
         </li>
      {% endfor %}
   </ul>
</div>
