/// <reference types="react" />
import { ComboChartRepresentation } from '../../../../../shared-logic/src/ComboChartV2/types';
import { ApproxAxisLabelCountWithAllOptions } from '../../../../../shared-logic/src/Component/types';
import { Result } from '../../../../../shared-logic/src/Result/types';
import { ChartTheme } from '../../../types';
import { ComputeChartLayoutArgs, LayoutPassOutput } from '../../utils/layout/sharedLayout.types';
export declare type ComboChartProps = {
    width: number;
    height: number;
    theme?: ChartTheme;
    chart: ComboChartRepresentation;
    options: {
        stacked: boolean;
        showRoundedTotal: boolean;
        showLegend: boolean;
        showLabels: boolean;
        removeStroke: boolean;
        axis: {
            showXAxisLabels: boolean;
            showYAxisLabels: boolean;
        };
    };
    enableHover?: boolean;
    isDualAxisEnabled?: boolean;
    uniqueId?: string;
    approxXAxisLabelCount: ApproxAxisLabelCountWithAllOptions;
    xKeyField?: Result.Field;
};
export declare const computeComboChartLayout: ({ chart, width, height, showYAxisLabels, hasLeftTitle, hasBottomTitle, isDualAxisEnabled, hasDualYAxisTitle, approxXAxisLabelCount, xKeyField, layoutAdjustments, theme, }: ComputeChartLayoutArgs<ComboChartRepresentation>) => LayoutPassOutput<ComboChartRepresentation, {
    labelRotationData: ComboChartRepresentation['x']['labelRotationData'];
}>;
export declare const ComboChart: ({ chart, width, height, options, isDualAxisEnabled, uniqueId, theme, approxXAxisLabelCount, xKeyField, }: ComboChartProps) => JSX.Element;
