@if (collection().children.length) {
  <bit-nav-group
    [icon]="collection().node.icon"
    [text]="displayName()"
    [appA11yTitle]="displayName()"
    (click)="applyFilter($event)"
    [forceActiveStyles]="isActive()"
    [disableToggleOnClick]="true"
  >
    @for (childCollection of collection().children; track childCollection.node.id) {
      <app-collection-filter [collection]="childCollection" [activeFilter]="activeFilter()" />
    }
  </bit-nav-group>
} @else {
  <bit-nav-item
    [icon]="collection().node.icon"
    [forceActiveStyles]="isActive()"
    [text]="displayName()"
    [appA11yTitle]="displayName()"
    (click)="applyFilter($event)"
  />
}