{%- set depth = depth | default(0) %}
{%- if nav_item.children %}
  <div class="primer-nav-section"{{ ' data-primer-nav-open' if nav_item.active }}>
    {%- set section_label_class = 'primer-nav-section-label' ~ (' primer-nav-section-label-active' if nav_item.active else '') %}
    <div class="primer-nav-section-header">
      {%- if nav_item.url %}
        <a class="{{ section_label_class }}"
           {% if depth %}style="--primer-nav-depth: {{ depth }}"{% endif %}
           href="{{ nav_item.url | url }}"
           {% if nav_item == page %}aria-current="page"{% endif %}>{{ nav_item.title }}</a>
      {%- else %}
        <div class="{{ section_label_class }}"
             {% if depth %}style="--primer-nav-depth: {{ depth }}"{% endif %}>{{ nav_item.title }}</div>
      {%- endif %}
    </div>
    {%- if config.theme.nav_expand != 'active' or nav_item.active or not nav_item.url %}
    <div class="primer-nav-section-items">
      {%- set depth = depth + 1 %}
      {%- for nav_item in nav_item.children %}
        {% include "partials/nav-item.html" %}
      {%- endfor %}
    </div>
    {%- endif %}
  </div>
{%- else %}
  <a class="SideNav-item"
     {% if depth %}style="--primer-nav-depth: {{ depth }}"{% endif %}
     href="{{ nav_item.url | url }}"
     {% if nav_item.active %}aria-current="page"{% endif %}>{{ nav_item.title }}</a>
{%- endif %}