<nav class="admin-sidebar" aria-label="Admin navigation">
  <ul class="nav-list">
    @for (item of menu; track item.label) {
    <li class="nav-item">
      @if (item.routerLink !== null) {
      <a
        class="nav-link"
        [routerLink]="item.routerLink"
        routerLinkActive="nav-link--active"
        [routerLinkActiveOptions]="{ exact: false }"
      >
        <span class="nav-icon"><lib-icon [name]="item.icon" [size]="18" /></span>
        <span class="nav-label">{{ item.label }}</span>
      </a>
      } @else {
      <span class="nav-link nav-link--disabled" aria-disabled="true">
        <span class="nav-icon"><lib-icon [name]="item.icon" [size]="18" /></span>
        <span class="nav-label">{{ item.label }}</span>
        <span class="nav-badge">Soon</span>
      </span>
      }
    </li>
    }
  </ul>
</nav>
