{% load i18n %}
<c-vars expand="lg" brand brand_href="/" class />
<nav class="navbar{% if expand %} navbar-expand-{{ expand }}{% endif %} {{ class }}"
     {{ attrs }}>
  <div class="container-fluid">
    {% if brand %}<a class="navbar-brand" href="{{ brand_href }}">{{ brand }}</a>{% endif %}
    {% if expand %}
      <button class="navbar-toggler"
              type="button"
              data-bs-toggle="collapse"
              data-bs-target="#navbarNav"
              aria-controls="navbarNav"
              aria-expanded="false"
              aria-label="{% trans "Toggle navigation" %}">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarNav">
        <c-navbar.links>
          {{ slot }}
        </c-navbar.links>
      </div>
    {% else %}
      {{ slot }}
    {% endif %}
  </div>
</nav>