<div {{ attributes }}>
   <a role="button" tabindex="0" data-wpj-modal="{{ path('kupshop_components_modal_modal', {template: 'switcher-language'}) }}">
      {% if this.show_flag %}
         <span class="flag">
            <img src="/common/static/images/flags/{{ this.activeLanguage.id }}.svg" loading="lazy" alt="{{ this.activeLanguage.id }}">
         </span>

         {% if this.show_flag_text %}
            <span class="text">{{ this.activeLanguage.name }}</span>
         {% endif %}
      {% else %}
         <span class="text">
            {% if this.show_text %}
               {{ this.activeLanguage.name }}
            {% else %}
               {{ this.activeLanguage.id }}
            {% endif %}
         </span>
         <twig:ux:icon name="caret-down" class="c-icon"/>
      {% endif %}
   </a>
</div>
