@let r = receipt();
<ui-toolbar size="small" class="justify-self-stretch">
  <div class="isa-text-body-2-bold text-isa-neutral-900">
    {{ itemCount() }} Artikel
  </div>
  <div class="isa-text-body-2-bold text-isa-neutral-900">
    {{ r.printedDate | date }}
  </div>
  <div class="isa-text-body-2-regular text-isa-neutral-900">
    {{ r.receiptNumber }}
  </div>
  <div class="flex-grow"></div>

  @if (selectableItems().length) {
    <button
      type="button"
      uiTextButton
      color="strong"
      size="small"
      (click)="selectOrUnselectAll(); $event.stopPropagation()"
    >
      @if (allSelected()) {
        Alles abwählen
      } @else {
        Alles auswählen
      }
    </button>
  }

  @if (expandableTrigger?.expanded()) {
    <ng-icon size="1.5rem" name="isaActionChevronUp"> </ng-icon>
  } @else if (expandableTrigger) {
    <ng-icon size="1.5rem" name="isaActionChevronDown"> </ng-icon>
  }
</ui-toolbar>
