import { Component, Input } from '@angular/core';

/**
 * Placeholder for content being loaded
 *
 * ##Usage
 * ``import {SkeletonModule} from '@ui/skeleton';``
 */
@Component({
  selector: 'ui-skeleton',
  templateUrl: './skeleton.component.html',
  styleUrls: ['./skeleton.component.scss'],
})
export class SkeletonComponent {
  /**
   * The amount of skeleton sections
   */
  @Input() uiCount: number | undefined;

  @Input() uiText = 'Laddar sidan';

  get stubs(): string[] {
    return Array(this.uiCount);
  }
}
