<nav class="flex items-center min-h-10" aria-label="Fil d'ariane">
    <ol class="flex items-center gap-1 flex-wrap {{ container_classes|default('') }}">
        <li>
            {% render "@template-link" with {
                size:'sm',
                noUnderline:true,
                color:'neutral',
                href: home_href is defined ? home_href : '#',
                label: home_label is defined ? home_label : 'Accueil'
            } %}

        </li>

        <li aria-hidden="true" class="text-neutral-500">
            {% if use_icon %}
                {% render '@icons-' ~ icon_path with {size:16} %}
            {% else %}
                {{ separator_text }}
            {% endif %}
        </li>

        {% for link in links %}
            <li>
                {% if loop.last %}
                    <span class="font-bold text-black tracking-[0.3px]" aria-current="page">{{ link.label }}</span>
                {% else %}
                    {% render "@template-link" with link|merge({size:'sm',noUnderline:true,color:'neutral'}) %}
                {% endif %}
            </li>

            {% if not loop.last %}
                <li aria-hidden="true" class="text-neutral-500">
                    {% if use_icon %}
                        {% render '@icons-' ~ icon_path with {size:16} %}
                    {% else %}
                        {{ separator_text }}
                    {% endif %}
                </li>
            {% endif %}
        {% endfor %}
    </ol>
</nav>