import type { AlertConfig, ChartConfig, SessionBoundary, SignalRow, UpsRow } from '@/lib/types';
import type { TimeMode } from '@/lib/types';
import UpsChart from './UpsChart';
import SignalsChart from './SignalsChart';
import TableViz from './TableViz';
import DividerCard from './DividerCard';

export interface ChartCardProps {
  config:   ChartConfig;
  rows:     SignalRow[];
  upsRows:  UpsRow[];
  sessions: SessionBoundary[];
  alerts:   AlertConfig[];
  timeMode: TimeMode;
  onEdit:   () => void;
  onDelete: () => void;
}

export default function ChartCard(props: ChartCardProps) {
  const { config } = props;
  if (config.chart_type === 'divider') return <DividerCard title={config.title} onEdit={props.onEdit} onDelete={props.onDelete} />;
  if (config.chart_type === 'ups')     return <UpsChart     {...props} />;
  if (config.viz_type   === 'table')   return <TableViz     config={props.config} rows={props.rows} onEdit={props.onEdit} onDelete={props.onDelete} />;
  return                                      <SignalsChart  {...props} />;
}