import { ChartOptions } from "chart.js/auto";
import { ComponentWithGraphAndDatePicker, CustomCurrencyNumberFormat, GraphType, MeterAggregation, USAGE_GRAPHS_VIEW_FUNCTION } from "../../../types";
export interface CostAndBilledUsageProps extends ComponentWithGraphAndDatePicker {
    aggregation?: MeterAggregation;
    allowedGraphs?: GraphType[];
    customCurrencyNumberFormat?: CustomCurrencyNumberFormat;
    customGraphOptions?: ChartOptions<any>;
    hasExportAction?: boolean;
    productItemId?: string;
    showOnlyCurrentBillingPeriod?: boolean;
    usageGraphViewFunction?: USAGE_GRAPHS_VIEW_FUNCTION;
    withPercentage?: boolean;
    withTable?: boolean;
    withTotalCost?: boolean;
}
export declare const CostAndBilledUsage: ({ withTable, allowedGraphs, showOnlyCurrentBillingPeriod, productItemId, customGraphOptions, hideLoader, onDateChange, onError, onLoadingChange, onPeriodChange, customCurrencyNumberFormat, usageGraphViewFunction, periodValue, startDate, endDate, withDatePicker, hasExportAction, withTotalCost, withPercentage, aggregation, ...props }: CostAndBilledUsageProps) => import("react/jsx-runtime").JSX.Element | null;