import { ComposedChart } from 'recharts';
import { ComponentProps, ComponentType, FC, PropsWithChildren, ReactNode } from 'react';
import { CartesianChartLayout, ChartDataValue, DataKeyProp } from './types';
/** @deprecated Use a ReactNode instead */
export interface CartesianChartEmptyViewProps {
    data?: ComponentProps<typeof ComposedChart>["data"];
}
export interface CartesianChartProps<TData = ChartDataValue> extends Pick<ComponentProps<typeof ComposedChart>, "className" | "syncId" | "syncMethod">, PropsWithChildren {
    /** The data points rendered by the chart. */
    data?: TData[];
    /** The height of the chart. */
    height?: string;
    /**
     * The orientation of the axes and graphical items. `"horizontal"` puts the
     * category axis on the x-axis — bars grow upwards. `"vertical"` puts it on
     * the y-axis — bars grow to the side. `XAxis` and `YAxis` follow the layout
     * on their own; only the `dataKey` moves to whichever axis is the categorical
     * one.
     *
     * @default "horizontal"
     */
    layout?: CartesianChartLayout;
    /** View that is provided when data is empty/undefined */
    emptyView?: ReactNode;
    /**
     * Allow the height controlling container to set flex-grow: 1. Can only be
     * used in combination with `height`
     */
    flexGrow?: boolean;
}
/** @flr-generate all */
export declare const CartesianChart: FC<CartesianChartProps>;
export declare const typedCartesianChart: <TData extends ChartDataValue<any> = ChartDataValue<any>, XAxisDataKey extends DataKeyProp<TData> = DataKeyProp<TData>>() => {
    Chart: ComponentType<CartesianChartProps<TData>>;
    Area: ComponentType<import('./components/Area').AreaPropsByDataKeyProp<TData>>;
    Bar: ComponentType<import('./components/Bar').BarPropsByDataKeyProp<TData>>;
    XAxis: <const TProp extends XAxisDataKey, XAxisDataKeyValue = import('./types').DataKeyValue<TData, TProp>>(props: import('./components/XAxis').XAxisProps<TData, TProp, XAxisDataKeyValue>) => ReactNode;
    YAxis: <const TProp extends keyof TData, TMatcherValue = import('./types').DataKeyValue<TData, TProp>>(props: import('./components/YAxis').YAxisProps<TData, TProp, TMatcherValue>) => ReactNode;
    Grid: ComponentType<import('./components/ChartGrid').ChartGridProps>;
    Legend: ComponentType<import('./components/ChartLegend').ChartLegendProps>;
    Tooltip: ComponentType<import('./components/ChartTooltip').ChartTooltipProps<TData, XAxisDataKey>>;
    Line: ComponentType<import('./components/Line').LineProps<TData>>;
};
export default CartesianChart;