<div class="flex flex-col text-right" [class.hidden]="hideHeader$ | async">
  @if (selectButton$ | async) {
    <button type="button" class="font-bold text-[#0556B4]" (click)="selectAll()">Alle auswählen</button>
  }
  @if (unselectButton$ | async) {
    <button type="button" class="font-bold text-[#0556B4]" (click)="unselectAll()">Alle abwählen</button>
  }
  <span class="mt-2">{{ selectedItemsCount$ | async }} von {{ itemsCount$ | async }} Artikel</span>
</div>
