import { CSSProperties } from 'react';
import { UseVeloPlotOptions } from './useVeloPlot';
import { ZoomOptions, CursorOptions, Bounds } from '../types';
import { Chart } from '../core/Chart';
import { VeloPlotSeries } from '../bindings/shared';

export type { VeloPlotSeries } from '../bindings/shared';
export interface VeloPlotProps extends UseVeloPlotOptions {
    series?: VeloPlotSeries[];
    zoom?: ZoomOptions;
    onZoomChange?: (bounds: Bounds) => void;
    cursor?: CursorOptions;
    width?: number | string;
    height?: number | string;
    className?: string;
    style?: CSSProperties;
    debug?: boolean;
    /** Custom aria-label for accessibility */
    ariaLabel?: string;
    /** Enable keyboard navigation (default: true) */
    keyboardNav?: boolean;
}
export interface VeloPlotRef {
    getChart: () => Chart | null;
    resetZoom: () => void;
    getBounds: () => Bounds | null;
}
export declare const VeloPlot: import('react').ForwardRefExoticComponent<VeloPlotProps & import('react').RefAttributes<VeloPlotRef>>;
export default VeloPlot;