<filter-input-menu-button
  [filterInput]="filterDepartmentInput()"
  [label]="selectedDepartment()"
  [canApply]="true"
  (closed)="rollbackFilterInput()"
>
</filter-input-menu-button>

@if (selectedDepartment()) {
  <ui-toolbar class="ui-toolbar-rounded">
    <span class="flex gap-1 isa-text-body-2-regular"
      ><span *uiSkeletonLoader="capacityFetching()" class="isa-text-body-2-bold"
        >{{ leistung() }}/{{ maxLeistung() }}</span
      >
      Leistung</span
    >
    <span class="flex gap-1 isa-text-body-2-regular"
      ><span *uiSkeletonLoader="capacityFetching()" class="isa-text-body-2-bold"
        >{{ stapel() }}/{{ maxStapel() }}</span
      >
      Stapel</span
    >
    <button
      class="w-6 h-6 flex items-center justify-center text-isa-accent-blue"
      uiTooltip
      [title]="'Stapel/Leistungsplätze'"
      [triggerOn]="['click', 'hover']"
    >
      <ng-icon size="1.5rem" name="isaOtherInfo"></ng-icon>
    </button>
  </ui-toolbar>
}
