<div class="c-language-select-mobile d-block d-lg-none u-posr u-bg-primary mt-auto"> <div class="c-language-select-mobile__active d-flex align-items-center justify-content-between u-color-white u-fw-600 py-5 px-2 u-cursor-pointer"> {{ props.active }} {% if props.items %} {% include "@Components/icon/icon.twig" ignore missing with {props: { src: "@Images/svg/chevron-right.svg", size: "lg", color: "white", }} %} {% endif %} </div> {% if props.items %} <div class="c-language-select-mobile__drowpdown d-grid px-2"> <div class="c-language-select-mobile__dropdown-inner overflow-hidden d-flex flex-column gap-2"> {% for item in props.items %} <a href="{{ item.url }}" class="c-language-select-mobile__dropdown-link d-block u-fw-600">{{ item.title }}</a> {% endfor %} </div> </div> {% endif %}</div>