import * as React from "react";
/**
 * Shape-appropriate keyboard focus indicator for canvas-based charts.
 *
 * Renders an SVG overlay with a dashed focus ring whose shape adapts
 * to the focused element type (circle for points, rect for bars/nodes,
 * emphasized arc for wedges).
 */
export interface FocusRingProps {
    /** Whether keyboard focus is active */
    active: boolean;
    /** Hover point with position info */
    hoverPoint: {
        x: number;
        y: number;
    } | null;
    /** Chart margin */
    margin: {
        top: number;
        right: number;
        bottom: number;
        left: number;
    };
    /** Total chart size */
    size: [number, number];
    /** Shape hint from the focused nav point */
    shape?: "circle" | "rect" | "wedge";
    /** Width of rect-shaped focus target */
    width?: number;
    /** Height of rect-shaped focus target */
    height?: number;
}
export declare function FocusRing({ active, hoverPoint, margin, size, shape, width, height }: FocusRingProps): React.JSX.Element | null;
