/// <reference types="react" />
import { SvgIconComponent } from '@mui/icons-material';
import { ChartProps } from 'react-chartjs-2';
import { Color } from '../../types';
export interface DataSetsChart {
    data: number[];
    label: string;
    backgroundColor: string;
    borderColor: string;
}
export type StatsIconColor = Exclude<Color, 'default' | 'white' | 'transparent' | 'dark' | 'rose'>;
export interface StatsChartProps extends Omit<ChartProps, 'type' | 'data'> {
    /**
     * Chart type.
     */
    type?: 'line' | 'bar';
    /**
     * The text content of chart.
     */
    text?: string;
    /**
     * Chart icon.
     */
    StatIcon?: SvgIconComponent;
    /**
     * @default 'grey'
     * Chart icon color.
     */
    iconColor?: StatsIconColor;
    /**
     * @default 'info'
     * Chart color.
     */
    chartColor?: Color;
    /**
     * Chart status text.
     */
    statText?: React.ReactNode;
    /**
     * Chart data.
     */
    data: {
        labels: string[];
        datasets: DataSetsChart[];
    };
    /**
     *  Action to be displayed in the right corner of the card.
     */
    statAction?: React.ReactNode;
}
