@switch (headerType()) {
  @case ('immersive') {
    <!-- Use standard until the immersive header is implemented. -->
    <ng-container *ngTemplateOutlet="standardHeader" />
  }
  @default {
    <ng-container *ngTemplateOutlet="standardHeader" />
  }
}

<ng-template #standardHeader>
  <app-standard-store-header
    [logoUrl]="logoUrl()"
    [backgroundImageUrl]="backgroundImageUrl()"
    [cartQuantity]="cartQuantity()"
    [user]="user()"
    [isAuthenticated]="isAuthenticated()"
    [accountNavigationMenus]="accountNavigationMenus()"
    [ticketsMenu]="ticketsMenu()"
    [categories]="categories()"
    [displayCategories]="displayCategories()"
    [displaySeachBar]="displaySeachBar()"
    [displayCart]="displayCart()"
    [cartDisabled]="cartDisabled()"
    [checkoutRemainingSeconds]="checkoutRemainingSeconds()"
    (cartClick)="cartClick.emit()"
    (ticketsClick)="ticketsClick.emit()"
    (loginClick)="loginClick.emit()"
    (logoutClick)="logoutClick.emit()"
    (searchSubmit)="searchSubmit.emit($event)"
    (categorySelect)="categorySelect.emit($event)"
  />
</ng-template>