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

@Component({
  selector: 'app-shield-loading-shimmer',
  template: `
    <div class="shimmer-container" [ngClass]="{ 'active': loading }">
      <div class="shimmer-content">
        <ng-content></ng-content>
      </div>
      <div class="shimmer-overlay" *ngIf="loading">
        <div class="shimmer-animation"></div>
      </div>
    </div>
  `,
  styleUrls: ['./loading-shimmer.component.scss']
})
export class LoadingShimmerComponent {
  @Input() loading: boolean = false;
}