import { Component, Input } from '@angular/core';
import { CommonModule } from '@angular/common';
import { IconComponent } from '../../../../shared/components/ui/icon/icon.component';
import { CardComponent } from '../../../../shared/components/ui/card/card.component';

import { KpiColor } from '../../../../core/types/dashboard';

@Component({
  selector: 'app-kpi-card',
  standalone: true,
  imports: [CommonModule, IconComponent,CardComponent],
  templateUrl: './kpi-card.component.html',
  styleUrl: './kpi-card.component.css',
})
export class KpiCardComponent {
  @Input() value: string = '';
  @Input() label: string = '';
  @Input() color: KpiColor = 'blue';
  @Input() iconName: string | null = null;
  @Input() svgColor: string | null = null;
}