import { type FocusIndicatorProps } from './FocusIndicator.types';
/**
 * The component for display focus indicator.
 *
 * A focus indicator is displayed when the child component is focused.
 * This component can only wrap one child component that can be focused.
 *
 * @example
 * ```tsx
 * // Standard outline (default) - for most components
 * <FocusIndicator>
 *   <button>Click me</button>
 * </FocusIndicator>
 *
 * // Hide white border - for small elements like checkboxes
 * // Note: May not be visible in containers with overflow:hidden in some browsers
 * <FocusIndicator hideWhiteBorder>
 *   <input type="checkbox" />
 * </FocusIndicator>
 *
 * // Inside position - for adjacent elements like tabs
 * <FocusIndicator position="inside">
 *   <button role="tab">Tab Item</button>
 * </FocusIndicator>
 * ```
 */
export declare const FocusIndicator: ({ position, hideWhiteBorder, disableNestedFocus, children, }: FocusIndicatorProps) => import("react").ReactElement<import("react").HTMLProps<HTMLElement>, string | import("react").JSXElementConstructor<any>>;