import type { FocusEvent, RefObject } from 'react';
export interface UseIndicatorFocusRingReturn {
    /** Spread onto the element that owns the focusable input. */
    focusProps: {
        onFocus: (event: FocusEvent<HTMLElement>) => void;
        onBlur: () => void;
    };
}
/**
 * Draw the standard focus ring on the indicator inside `containerRef`, shaped
 * by whatever that indicator actually is.
 *
 * @param containerRef - Wraps ONLY the indicator, so its single element child
 *   is unambiguously the thing to ring, whatever a theme renders there.
 * @param isDisabled - Skip the ring; a disabled control is not focusable.
 *
 * @example
 * ```
 * const indicatorRef = useRef<HTMLSpanElement>(null);
 * const {focusProps} = useIndicatorFocusRing(indicatorRef, isDisabled);
 * <div {...focusProps}>
 *   <input type="checkbox" />
 *   <span ref={indicatorRef}><Indicator state="checked" /></span>
 * </div>
 * ```
 */
export declare function useIndicatorFocusRing(containerRef: RefObject<HTMLElement | null>, isDisabled?: boolean): UseIndicatorFocusRingReturn;
//# sourceMappingURL=useIndicatorFocusRing.d.ts.map