@for (item of iterableCount; track $index) {
  <div class="skeleton-wrapper" [class]="'skeleton-' + type()">
    @if (type() === 'table') {
      <div class="skeleton-header skeleton-pulse"></div>
      <div class="skeleton-row skeleton-pulse"></div>
      <div class="skeleton-row skeleton-pulse"></div>
      <div class="skeleton-row skeleton-pulse"></div>
    } @else if (type() === 'card') {
      <div class="skeleton-image skeleton-pulse"></div>
      <div class="skeleton-text skeleton-pulse"></div>
      <div class="skeleton-text short skeleton-pulse"></div>
    } @else {
      <div class="skeleton-line skeleton-pulse"></div>
    }
  </div>
}