<div id="crumbs"{% if not crumbs %} class="empty"{% endif %}>
    <button id="primary-nav-toggle" class="nav-toggle" title="{{ 'Show nav'|t('app') }}" aria-label="{{ 'Show nav'|t('app') }}" aria-expanded="false" aria-controls="global-sidebar" aria-haspopup="true"></button>
    {% if crumbs %}
        <nav aria-label="{{ 'Breadcrumbs'|t('app') }}">
            <ul class="breadcrumb-list">
                {% for crumb in crumbs %}
                    <li>
                        {{ tag('a', {
                            href: crumb.url,
                            text: crumb.label,
                            aria: {
                                label: crumb.ariaLabel ?? false,
                            },
                        }) }}
                    </li>
                {% endfor %}
            </ul>
        </nav>
    {% endif %}
</div>
