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

@Component({
  selector: 'app-spinner',
  template: `<div class="spinner" role="status" aria-label="Loading"></div>`,
  styles: `
    .spinner {
      width: 1.5rem;
      height: 1.5rem;
      border: 2px solid #ddd;
      border-top-color: #333;
      border-radius: 50%;
      animation: spin 0.6s linear infinite;
    }
    @keyframes spin {
      to {
        transform: rotate(360deg);
      }
    }
  `,
})
export class SpinnerComponent {}