import { ReactNode } from 'react';
import { SingleSelectProps } from '../SingleSelect/types';
import { AxisType } from '../Charts/types';
import { SkeletonVariant } from '../Skeleton/types';
export type StatCardSkeletonProps = {
    variant: SkeletonVariant;
    show: boolean;
    height?: string | number;
    maxWidth?: string | number;
    minWidth?: string | number;
};
export declare enum StatCardVariant {
    LINE = "line",
    PROGRESS_BAR = "progress",
    BAR = "bar",
    NUMBER = "number"
}
export declare enum ChangeType {
    INCREASE = "increase",
    DECREASE = "decrease"
}
export declare enum StatCardArrowDirection {
    UP = "up",
    DOWN = "down"
}
export type ChartDataPoint = {
    value: number;
    name: string;
};
export type StatCardChange = {
    value: number | null | undefined;
    valueType: ChangeType;
    arrowDirection?: StatCardArrowDirection;
    tooltip?: ReactNode;
};
export declare enum StatCardDirection {
    VERTICAL = "vertical",
    HORIZONTAL = "horizontal"
}
export type StatCardAxisConfig = {
    type?: AxisType;
    tickFormatter?: (value: string | number) => string;
    dateOnly?: boolean;
    useUTC?: boolean;
    formatString?: string;
    timeOnly?: boolean;
    showYear?: boolean;
    smartDateTimeFormat?: boolean;
};
export type StatCardProps = {
    title: string;
    value: string | number;
    valueTooltip?: ReactNode;
    change?: StatCardChange | null | undefined;
    subtitle?: string;
    variant: StatCardVariant;
    chartData?: ChartDataPoint[];
    progressValue?: number;
    titleIcon?: ReactNode;
    actionIcon?: ReactNode;
    helpIconText?: string;
    dropdownProps?: SingleSelectProps;
    maxWidth?: string;
    minWidth?: string;
    xAxis?: StatCardAxisConfig;
    yAxis?: StatCardAxisConfig;
    valueFormatter?: AxisType;
    height?: string;
    direction?: StatCardDirection;
    skeleton?: StatCardSkeletonProps;
    dataDisplay?: boolean;
    showBorder?: boolean;
};