import { Order, OrderItem, SelectOption } from "../../../types";
import { OrdersUsageGraphAndTableProps } from "./";
export interface OrdersUsageGraphAndTableVisualProps extends Omit<OrdersUsageGraphAndTableProps, "onError" | "onLoadingChange"> {
    billingPeriodOptions: SelectOption[];
    dateRangeSubscriptionLimits: Record<string, number>;
    dimensionCombinations: SelectOption[];
    filteredProductItemUsageData: {
        data: {
            date: number;
            value: number;
        }[];
    } | null;
    isDataLoading: boolean;
    orderData: Order[];
    productItemOptions: SelectOption[];
    selectedBillingPeriod: string | null;
    selectedDimensionCombination: string | null;
    selectedOrderItems: (OrderItem & Pick<Order, "appliedTimeRange">)[] | null;
    selectedProductItemId: string | null;
    setSelectedBillingPeriod: (val: string) => void;
    setSelectedDimensionCombination: (val: string) => void;
    setSelectedProductItemId: (val: string) => void;
}
export declare const OrdersUsageGraphAndTableVisual: ({ isDataLoading, setSelectedProductItemId, selectedProductItemId, productItemOptions, setSelectedDimensionCombination, selectedDimensionCombination, dimensionCombinations, billingPeriodOptions, setSelectedBillingPeriod, selectedBillingPeriod, dateRangeSubscriptionLimits, selectedOrderItems, filteredProductItemUsageData, hideLoader, customGraphOptions, graphTextColor, }: OrdersUsageGraphAndTableVisualProps) => import("react/jsx-runtime").JSX.Element;