<div [@staggerAnimation]="active" class="headers" *ngIf="isIPad">
  <app-card *ngFor="let item of navigation" (click)="switch(item)" class="header">
    <span class="header-title">{{ titles[item] }}</span>
  </app-card>
</div>
<div class="content" [ngSwitch]="active" *ngIf="isIPad">
  <div *ngSwitchCase="'search'" [@fadeIn]="active">
    <app-text-search></app-text-search>
  </div>
  <div *ngSwitchCase="'scan'" [@fadeIn]="active">
    <app-barcode-search></app-barcode-search>
  </div>
</div>
<div class="content" [ngSwitch]="active" *ngIf="!isIPad">
  <div *ngSwitchCase="'search'" [@fadeIn]="active">
    <app-text-search></app-text-search>
  </div>
</div>
