import { Spacing } from '@unovis/ts';
export declare type VisTimeSeriesDatum = {
    timestamp: number;
    value: number;
    id?: string;
    color?: string;
};
export declare type VisTimeSeriesProps<Datum> = {
    data: Datum[];
    margin: Spacing;
    autoMargin: boolean;
    x: (d: Datum, i: number) => number;
    y: (d: Datum, i: number) => number;
    id: (d: Datum, i: number) => string;
    color: (d: Datum[], i: number) => string | null;
    cursor: string | ((d: Datum, i: number) => string);
    formatXTicks?: (timestamp: number) => string;
    formatYTicks?: (timestamp: number) => string;
    selectionMinLength: number;
    onBrushStart?: (selection: [number, number], e?: {
        sourceEvent: MouseEvent;
    }, userDriven?: boolean) => void;
    onBrushMove?: (selection: [number, number], e?: {
        sourceEvent: MouseEvent;
    }, userDriven?: boolean) => void;
    onBrushEnd?: (selection: [number, number], e?: {
        sourceEvent: MouseEvent;
    }, userDriven?: boolean) => void;
    formatNavXTicks?: (timestamp: number) => string;
    xLabel?: string;
    yLabel?: string;
    crosshairTemplate?: (d: Datum) => string | HTMLElement;
    className?: string;
    height?: string;
};
export declare function VisTimeSeries<Datum>(props: VisTimeSeriesProps<Datum>): JSX.Element;
export declare namespace VisTimeSeries {
    var defaultProps: {
        margin: {
            top: number;
            bottom: number;
            left: number;
            right: number;
        };
        autoMargin: boolean;
        padding: {};
        x: (d: VisTimeSeriesDatum) => number;
        y: (d: VisTimeSeriesDatum) => number;
        id: (d: VisTimeSeriesDatum) => string | undefined;
        color: (d: VisTimeSeriesDatum[]) => null;
        formatYTicks: (d: number) => string;
        crosshairTemplate: (d: VisTimeSeriesDatum) => string;
    };
}