/// <reference types="react" />
import { PositionScale } from '@visx/shape/lib/types';
import { AreaChartRepresentation, CurveTypes } from '../../../../../shared-logic/src/AreaChartV2/types';
import { ApproxAxisLabelCountWithAllOptions } from '../../../../../shared-logic/src/Component/types';
import { Result } from '../../../../../shared-logic/src/Result/types';
import { ChartTheme } from '../../../types';
import { ComputeChartLayoutArgs } from '../../utils/layout/sharedLayout.types';
export declare type AreaChartProps = {
    uniqueId: string;
    width: number;
    height: number;
    chart: AreaChartRepresentation;
    theme?: ChartTheme;
    options: {
        stacked: boolean;
        curve: CurveTypes;
        showRoundedTotal: boolean;
        showLegend: boolean;
        showLabels: boolean;
        removeStroke: boolean;
        axis: {
            showXAxisLabels: boolean;
            showYAxisLabels: boolean;
        };
    };
    approxXAxisLabelCount: ApproxAxisLabelCountWithAllOptions;
    xKeyField?: Result.Field;
};
export declare const computeAreaChartLayout: ({ chart, width, height, showYAxisLabels, hasLeftTitle, hasBottomTitle, approxXAxisLabelCount, xKeyField, layoutAdjustments, theme, }: ComputeChartLayoutArgs<AreaChartRepresentation>) => import("../../utils/layout/sharedLayout.types").LayoutPassOutput<AreaChartRepresentation, {
    chart: AreaChartRepresentation;
    margin: import("../../utils/buildMargin").Margin;
    innerWidth: number;
    innerHeight: number;
    labelRotationData: import("../../../../../shared-logic/src/ChartsV2/types").LabelRotationData | undefined;
    showYAxisLabels: boolean;
}>;
export declare const AreaChart: ({ chart, options, theme, width, height, uniqueId, approxXAxisLabelCount, xKeyField, }: Readonly<AreaChartProps>) => JSX.Element | null;
export declare const getVisibleAreaBaseline: (yScale: PositionScale) => number;
