<nav class="bottom-nav">
  <div class="bottom-nav-inner">
    @for (tab of tabs; track tab.id) {
      <button
        class="nav-tab"
        [class.active]="currentTab() === tab.id"
        (click)="navigate(tab.id)"
      >
        <span nz-icon [nzType]="tab.icon" nzTheme="outline" class="nav-icon"></span>
        <span class="nav-label">{{ tab.label }}</span>
      </button>
    }
  </div>
</nav>
