import { CommonModule } from '@angular/common';
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
import { IconComponent } from '../icon/icon.component';

@Component({
  selector: 'nj-skeleton-area',
  templateUrl: './skeleton-area.component.html',
  changeDetection: ChangeDetectionStrategy.OnPush,
  standalone: true,
  imports: [IconComponent, CommonModule]
})
export class SkeletonAreaComponent {
  /**
   * Area skeleton height
   */
  @Input() height?: string;

  /**
   * Area skeleton width
   */
  @Input() width?: string;

  /**
   * Area skeleton material icon
   */
  @Input() icon: string = 'image';

  /**
   * Whether Area skeleton has custom icon
   */
  @Input() hasCustomIcon = false;

  constructor() {}
}