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

@Component({
  selector: 'app-dashboard-kpi-card',
  standalone: true,
  imports: [CommonModule],
  templateUrl: './dashboard-kpi-card.component.html',
  styleUrls: ['./dashboard-kpi-card.component.scss']
})
export class DashboardKpiCardComponent {
  @Input() label = '';
  @Input() value = '';
  @Input() detail = '';
  @Input() trendLabel = '';
  @Input() tone: 'sales' | 'expenses' | 'net' | 'receivables' | 'neutral' = 'neutral';
  @Input() loading = false;
}