import { CommonModule } from '@angular/common';
import { Component, Input } from '@angular/core';
import { BaseChartDirective } from 'ng2-charts';
import { ChartData, ChartOptions, ChartType } from 'chart.js';

@Component({
  selector: 'app-dashboard-chart-card',
  standalone: true,
  imports: [CommonModule, BaseChartDirective],
  templateUrl: './dashboard-chart-card.component.html',
  styleUrls: ['./dashboard-chart-card.component.scss']
})
export class DashboardChartCardComponent {
  @Input() title = '';
  @Input() subtitle = '';
  @Input() loading = false;
  @Input() empty = false;
  @Input() emptyMessage = 'No hay datos disponibles para esta grafica.';
  @Input() type: ChartType = 'bar';
  @Input() data: ChartData = { labels: [], datasets: [] };
  @Input() options: ChartOptions = {};
}