import { type KeyboardEventHandler } from 'react';
import { WithChildren } from '../../../../core/types/with-children.js';
import type { MagnifierVariant } from './types.js';
type VerticalCrosshairProps = {
    /** Coordinate x for crosshair */
    x: number;
    /** Height for crosshair line */
    height: number;
    /** Width for crosshair line */
    width?: number;
    /** Top margin for crosshair line */
    top?: number;
    /** Vertical offset for the bottom magnifier */
    offset?: number;
    /** Vertical offset for the top magnifier */
    topOffset?: number;
    /** Indicates wether the line needs to be dashed */
    dashed?: boolean;
    /** Makes the element accessible through keyboard */
    focusable?: boolean;
    /** Chart bounds to calculate magnifier position */
    chartBounds?: DOMRect;
    /** bottom label rotation boolean */
    isBottomLabelRotated?: boolean;
    /** top label rotation boolean */
    isTopLabelRotated?: boolean;
    /** Bottom label for crosshair */
    bottomLabel?: string;
    /** Top label for the crosshair */
    topLabel?: string;
    /** Triggers on key down */
    onKeyDown?: KeyboardEventHandler;
    /** The magnifier variant */
    variant?: MagnifierVariant;
};
export declare const VerticalCrosshair: (props: VerticalCrosshairProps & WithChildren & import("react").RefAttributes<SVGLineElement>) => import("react").ReactElement | null;
export {};
//# sourceMappingURL=VerticalCrosshair.d.ts.map