<div class="bg-[#f5f7fa]">
  <div class="bg-white px-7 flex flex-col py-5">
    <button class="self-end" type="button" (click)="navigateToDetailsPage({})">
      <shared-icon icon="close" [size]="26"></shared-icon>
    </button>

    <div class="flex flex-row">
      <div class="flex flex-row flex-grow">
        <span class="mr-3">Kundenname</span>
        <strong>{{ customerName$ | async }}</strong>
      </div>
      <div class="flex flex-row flex-grow">
        <span class="mr-3">Kundennummer</span>
        <strong>{{ customerNumber$ | async }}</strong>
      </div>
    </div>
  </div>
  <shared-history-list [history]="history$ | async"></shared-history-list>
</div>
