{#
component: hero content
title {string}: Titre
titleAnnex {string|null}: Sur titre au dessus du titre (Default: null, pas de sur titre)
background {image}: image de fond
breadcrumb {array|null}: tableau des liens du fil d'ariane (chacun contenant title, to, et text) (Default: null, pas de breadcrumb)
#}
{% set props = {
langs:[]
}|merge(props|default({})) %}
<div data-component="lang-selector" class="LangSelector-component">
{% for lang in props.langs %}
<a href="{{ lang.to }}">
<span class="LangSelector {% if lang.active is defined and lang.active %} LangSelector-activeLang{% endif %}">{{ lang.value }}</span>
</a>
{% endfor %}
</div>