<ng-container *ngIf="items | async as items; else loading">
  <ion-list>
    <ng-container *ngIf="!listHeader; else header"></ng-container>
    <stapps-data-list-item
      *ngFor="let item of items"
      [item]="item"
      [hideThumbnail]="singleType"
    ></stapps-data-list-item>
  </ion-list>
</ng-container>
<ng-template #loading>
  <ion-list>
    <stapps-skeleton-list-item
      [hideThumbnail]="singleType"
      *ngFor="let skeleton of [].constructor(skeletonItems)"
    >
    </stapps-skeleton-list-item>
  </ion-list>
</ng-template>
<ng-template #header>
  <ion-list-header lines="inset">
    <ion-text color="dark">
      <h3>
        {{ listHeader }}
      </h3>
    </ion-text>
  </ion-list-header>
</ng-template>
