import { ChartOptions } from "chart.js/auto";
import { UIKITTheme } from "../globalStyles";
import { DimensionMap, Meter, MeterValue, USAGE_GRAPHS_VIEW_FUNCTION, UsageResponse } from "../types";
interface DataSet {
    backgroundColor?: string | string[];
    borderColor?: string | string[];
    data: Array<number | undefined>;
    label?: string;
    pointBackgroundColor?: string;
}
export interface UsageGraphData {
    datasets: DataSet[];
    labels: string[];
}
export interface UsageGraphOptions {
    customGraphOptions: ChartOptions<any>;
    graphType: string;
    groupBy?: string;
}
export declare const getBarLabels: ({ usage, groupBy, dimensionsMap, meter, }: {
    dimensionsMap?: DimensionMap | undefined;
    groupBy?: string | undefined;
    meter?: Meter | undefined;
    usage: UsageResponse[];
}) => any[];
export declare const getBarValues: ({ usage, groupBy, theme, }: {
    groupBy?: string | undefined;
    theme: UIKITTheme;
    usage: UsageResponse[];
}) => {
    backgroundColor: string[] | undefined;
    borderColor: string[] | undefined;
    data: (number | undefined)[];
}[];
export declare const parseUsageToBarGraph: ({ usageData, groupBy, theme, dimensionsMap, meter, graphViewFunction, }: {
    dimensionsMap?: DimensionMap | undefined;
    graphViewFunction?: USAGE_GRAPHS_VIEW_FUNCTION | undefined;
    groupBy?: string | undefined;
    meter?: Meter | undefined;
    theme: UIKITTheme;
    usageData: UsageResponse[];
}) => {
    backgroundColor: string;
    borderColor: string;
    data: number[];
    hoverBackgroundColor: string;
    hoverBorderColor: string;
    label: string;
}[];
export declare const getUsageLineGraphData: ({ usage, finalTheme, groupBy, dimensionsMap, meter, graphViewFunction, locale, }: {
    dimensionsMap?: DimensionMap | undefined;
    finalTheme: UIKITTheme;
    graphViewFunction?: USAGE_GRAPHS_VIEW_FUNCTION | undefined;
    groupBy?: string | undefined;
    locale: string;
    meter?: Meter | undefined;
    usage: UsageResponse[];
}) => {
    labels: string[];
    datasets: {
        borderColor: string | undefined;
        pointBackgroundColor: string;
        data: number[];
        label: any;
    }[];
};
export declare const getUsageLineGraphOptions: ({ groupBy, customGraphOptions, locale, }: {
    customGraphOptions?: import("chart.js/dist/types/utils")._DeepPartialObject<import("chart.js/auto").CoreChartOptions<"line"> & import("chart.js/auto").ElementChartOptions<"line"> & import("chart.js/auto").PluginChartOptions<"line"> & import("chart.js/auto").DatasetChartOptions<"line"> & import("chart.js/auto").ScaleChartOptions<"line"> & import("chart.js/auto").LineControllerChartOptions> | undefined;
    groupBy?: string | undefined;
    locale: string;
}) => any;
export declare const getUsageBarGraphData: ({ usage, finalTheme, groupBy, dimensionsMap, meter, }: {
    dimensionsMap?: DimensionMap | undefined;
    finalTheme: UIKITTheme;
    groupBy?: string | undefined;
    meter?: Meter | undefined;
    usage: UsageResponse[];
}) => {
    labels: any[];
    datasets: {
        backgroundColor: string[] | undefined;
        borderColor: string[] | undefined;
        data: (number | undefined)[];
    }[];
};
export declare const getUsageBarGraphOptions: ({ customGraphOptions, isHorizontal, }: {
    customGraphOptions?: any;
    isHorizontal?: boolean | undefined;
}) => {
    datasets?: import("chart.js/dist/types/utils")._DeepPartialObject<{
        line: import("chart.js/auto").LineControllerDatasetOptions & import("chart.js/auto").FillerControllerDatasetOptions;
        bar: import("chart.js/auto").BarControllerDatasetOptions;
        scatter: import("chart.js/auto").LineControllerDatasetOptions;
        bubble: import("chart.js/auto").BubbleControllerDatasetOptions;
        pie: import("chart.js/auto").DoughnutControllerDatasetOptions;
        doughnut: import("chart.js/auto").DoughnutControllerDatasetOptions;
        polarArea: import("chart.js/auto").PolarAreaControllerDatasetOptions;
        radar: import("chart.js/auto").RadarControllerDatasetOptions & import("chart.js/auto").FillerControllerDatasetOptions;
    }> | undefined;
    indexAxis?: "y" | "x" | undefined;
    clip?: number | false | import("chart.js/dist/types/utils")._DeepPartialObject<import("chart.js/auto").ChartArea> | undefined;
    color?: string | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasGradient> | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasPattern> | ((ctx: import("chart.js/auto").ScriptableContext<"bar">, options: import("chart.js/dist/types/basic").AnyObject) => import("chart.js/auto").Color | undefined) | undefined;
    backgroundColor?: string | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasGradient> | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasPattern> | ((ctx: import("chart.js/auto").ScriptableContext<"bar">, options: import("chart.js/dist/types/basic").AnyObject) => import("chart.js/auto").Color | undefined) | undefined;
    borderColor?: string | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasGradient> | import("chart.js/dist/types/utils")._DeepPartialObject<CanvasPattern> | ((ctx: import("chart.js/auto").ScriptableContext<"bar">, options: import("chart.js/dist/types/basic").AnyObject) => import("chart.js/auto").Color | undefined) | undefined;
    font?: import("chart.js/dist/types/utils")._DeepPartialObject<Partial<import("chart.js/auto").FontSpec>> | undefined;
    responsive?: boolean | undefined;
    maintainAspectRatio?: boolean | undefined;
    resizeDelay?: number | undefined;
    aspectRatio?: number | undefined;
    locale?: string | undefined;
    onResize?: ((chart: import("chart.js/auto").default<keyof import("chart.js/auto").ChartTypeRegistry, (number | import("chart.js/auto").Point | [number, number] | import("chart.js/auto").BubbleDataPoint | null)[], unknown>, size: {
        width: number;
        height: number;
    }) => void) | undefined;
    devicePixelRatio?: number | undefined;
    interaction?: import("chart.js/dist/types/utils")._DeepPartialObject<import("chart.js/auto").CoreInteractionOptions> | undefined;
    hover?: import("chart.js/dist/types/utils")._DeepPartialObject<import("chart.js/auto").CoreInteractionOptions> | undefined;
    events?: import("chart.js/dist/types/utils")._DeepPartialArray<keyof HTMLElementEventMap> | undefined;
    onHover?: ((event: import("chart.js/auto").ChartEvent, elements: import("chart.js/auto").ActiveElement[], chart: import("chart.js/auto").default<keyof import("chart.js/auto").ChartTypeRegistry, (number | import("chart.js/auto").Point | [number, number] | import("chart.js/auto").BubbleDataPoint | null)[], unknown>) => void) | undefined;
    onClick?: ((event: import("chart.js/auto").ChartEvent, elements: import("chart.js/auto").ActiveElement[], chart: import("chart.js/auto").default<keyof import("chart.js/auto").ChartTypeRegistry, (number | import("chart.js/auto").Point | [number, number] | import("chart.js/auto").BubbleDataPoint | null)[], unknown>) => void) | undefined;
    layout?: import("chart.js/dist/types/utils")._DeepPartialObject<Partial<{
        autoPadding: boolean;
        padding: import("chart.js/auto").Scriptable<import("chart.js/dist/types/geometric").Padding, import("chart.js/auto").ScriptableContext<"bar">>;
    }>> | undefined;
    parsing?: false | import("chart.js/dist/types/utils")._DeepPartialObject<{
        [key: string]: string;
    }> | undefined;
    normalized?: boolean | undefined;
    animation?: false | import("chart.js/dist/types/utils")._DeepPartialObject<import("chart.js/auto").AnimationSpec<"bar"> & {
        onProgress?: ((this: import("chart.js/auto").default<keyof import("chart.js/auto").ChartTypeRegistry, (number | import("chart.js/auto").Point | [number, number] | import("chart.js/auto").BubbleDataPoint | null)[], unknown>, event: import("chart.js/auto").AnimationEvent) => void) | undefined;
        onComplete?: ((this: import("chart.js/auto").default<keyof import("chart.js/auto").ChartTypeRegistry, (number | import("chart.js/auto").Point | [number, number] | import("chart.js/auto").BubbleDataPoint | null)[], unknown>, event: import("chart.js/auto").AnimationEvent) => void) | undefined;
    }> | undefined;
    animations?: import("chart.js/dist/types/utils")._DeepPartialObject<import("chart.js/auto").AnimationsSpec<"bar">> | undefined;
    transitions?: import("chart.js/dist/types/utils")._DeepPartialObject<import("chart.js/auto").TransitionsSpec<"bar">> | undefined;
    elements?: import("chart.js/dist/types/utils")._DeepPartialObject<import("chart.js/auto").ElementOptionsByType<"bar">> | undefined;
    plugins?: import("chart.js/dist/types/utils")._DeepPartialObject<import("chart.js/auto").PluginOptionsByType<"bar">> | undefined;
    bar?: import("chart.js/dist/types/utils")._DeepPartialObject<{
        datasets: import("chart.js/auto").BarControllerDatasetOptions;
    }> | undefined;
    scales?: import("chart.js/dist/types/utils")._DeepPartialObject<{
        [key: string]: import("chart.js/auto").ScaleOptionsByType<keyof import("chart.js/auto").CartesianScaleTypeRegistry>;
    }> | undefined;
    skipNull?: boolean | undefined;
};
export declare const getUsageStackedBarGraphData: ({ usage: usageData, finalTheme, groupBy, dimensionsMap, meter, graphViewFunction, locale, }: {
    dimensionsMap?: DimensionMap | undefined;
    finalTheme: UIKITTheme;
    graphViewFunction?: USAGE_GRAPHS_VIEW_FUNCTION | undefined;
    groupBy?: string | undefined;
    locale: string;
    meter?: Meter | undefined;
    usage: UsageResponse[];
}) => {
    labels: string[];
    datasets: {
        backgroundColor: string;
        borderColor: string;
        data: number[];
        hoverBackgroundColor: string;
        hoverBorderColor: string;
        label: string;
    }[];
};
export declare const getUsageStackedBarGraphOptions: ({ groupBy, customGraphOptions, }: {
    customGraphOptions?: any;
    groupBy?: string | undefined;
}) => any;
export declare const getUsageGraphData: ({ usage, finalTheme, groupBy, dimensionsMap, meter, graphType, graphViewFunction, locale, }: {
    dimensionsMap?: DimensionMap | undefined;
    finalTheme: UIKITTheme;
    graphType: string;
    graphViewFunction?: USAGE_GRAPHS_VIEW_FUNCTION | undefined;
    groupBy?: string | undefined;
    locale: string;
    meter?: Meter | undefined;
    usage: UsageResponse[] | undefined;
}) => {
    labels: string[];
    datasets: {
        borderColor: string | undefined;
        pointBackgroundColor: string;
        data: number[];
        label: any;
    }[];
} | {
    labels: any[];
    datasets: {
        backgroundColor: string[] | undefined;
        borderColor: string[] | undefined;
        data: (number | undefined)[];
    }[];
} | {
    labels: string[];
    datasets: {
        backgroundColor: string;
        borderColor: string;
        data: number[];
        hoverBackgroundColor: string;
        hoverBorderColor: string;
        label: string;
    }[];
};
export declare const getUsageGraphOptions: ({ customGraphOptions, graphType, groupBy, locale, }: {
    customGraphOptions: any;
    graphType: string;
    groupBy?: string | undefined;
    locale?: string | undefined;
}) => any;
export declare const getCumulativeGraphValues: (values: MeterValue[]) => number[];
export {};