import { ReactNode } from 'react';
import { Locale } from 'date-fns';

export type CurveType = 'basis' | 'basisClosed' | 'basisOpen' | 'bumpX' | 'bumpY' | 'bump' | 'linear' | 'linearClosed' | 'natural' | 'monotoneX' | 'monotoneY' | 'monotone' | 'step' | 'stepBefore' | 'stepAfter';
export interface LineChartDataPoint {
    ts: number;
    [seriesKey: string]: number | undefined | string;
}
export interface LineChartSeries {
    key: string;
    label?: string;
}
export interface LineChartReferenceLine {
    value: number;
    label: string;
}
export interface LineChartTooltipPayloadEntry {
    name: string;
    value: number;
    color: string;
    payload: LineChartDataPoint;
}
export interface LineChartTooltipProps {
    active?: boolean;
    payload?: readonly LineChartTooltipPayloadEntry[];
    label?: number;
    locale: Locale;
}
export interface LineChartProps {
    data: LineChartDataPoint[];
    series: LineChartSeries[];
    /** Always [min, max]. Use `reversed` to flip the display direction (e.g. note-based grading). */
    yDomain: [number, number];
    yTicks?: number[];
    /** Flips the Y axis display direction, e.g. so 1 renders at the top for note-based grading. */
    reversed?: boolean;
    referenceLine?: LineChartReferenceLine;
    /** Override hash-derived color per series key */
    colorMap?: Record<string, string>;
    locale?: Locale;
    labels: {
        noData: string;
    };
    renderTooltipContent?: (props: LineChartTooltipProps) => ReactNode;
    height?: number;
    className?: string;
    /** Line interpolation curve. Defaults to 'monotone'. */
    curveType?: CurveType;
}
export default function LineChartImpl({ data, series, yDomain, yTicks, reversed, referenceLine, colorMap, locale, labels, renderTooltipContent, height, className, curveType, }: LineChartProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=LineChartImpl.d.ts.map