import {
  DashboardMode,
  DashboardPeriodType,
  DashboardSelectedPeriodId
} from "../Dashboard";
import { ReportData } from "../../features/report";

export interface _ChartDataPoint {
  id: string;
  label: string;
  amount: number;
  highlighted?: boolean;
}

export interface ChartDataPoint extends _ChartDataPoint {
  compare?: _ChartDataPoint;
}

export interface HistoryChartProps {
  header: string;
  summary?: string;
  tabs: string[];

  reportData: ReportData;

  colorScheme: {
    primary: string;
    light: string;
    text: string;
  };

  mode: DashboardMode;
  periodType: DashboardPeriodType;
  selectedPeriodId: DashboardSelectedPeriodId;
  comparison: boolean;

  togglePeriodType: () => void;
  setSelectedPeriodId: (id: string | null) => void;
  toggleComparison: () => void;
}