<div class="c-language-select u-posr d-none d-lg-flex">
<div class="c-language-select__active d-flex gap-1 align-items-center justify-content-center u-color-primary u-fw-600">
{{ props.active }}
{% if props.items %}
{% include "@Components/icon/icon.twig" ignore missing with {props: {
src: "@Images/svg/chevron-down.svg",
size: "lg",
color: "primary",
}} %}
{% endif %}
</div>
{% if props.items %}
<div class="c-language-select__drowpdown d-flex flex-column text-left align-items-center gap-2 u-posa w-100 u-z-index-10 py-2 px-1">
{% for item in props.items %}
<a href="{{ item.url }}" class="c-language-select__dropdown-link d-block u-fw-600 w-100">{{ item.title }}</a>
{% endfor %}
</div>
{% endif %}
</div>