import type { RefObject } from 'react';
import React from 'react';
/**
 * A container component that automatically scrolls to keep focused elements in
 * view.
 *
 * This component wraps its children in a scrollable container and automatically
 * adjusts the scroll position when any child element receives focus. It
 * maintains configurable margins at the top and bottom of the viewport, and can
 * account for sticky header and footer elements when calculating scroll
 * positions.
 *
 * @example
 * ```tsx
 * // Basic usage with margins
 * <FocusScrollContainer topMargin={20} bottomMargin={20}>
 *   <div>Content that may receive focus</div>
 * </FocusScrollContainer>
 *
 * // With sticky header and footer
 * <FocusScrollContainer
 *   topMargin={20}
 *   bottomMargin={20}
 *   stickyHeaderRef={headerRef}
 *   stickyFooterRef={footerRef}
 * >
 *   <div>Content that may receive focus</div>
 * </FocusScrollContainer>
 * ```
 */
export declare const FocusScrollContainer: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
    /** The content to be rendered inside the scrollable container */
    children: React.ReactNode;
    /**
     * Margin space to maintain at the top when scrolling to focused elements
     * @default 0
     */
    topMargin?: number;
    /**
     * Margin space to maintain at the bottom when scrolling to focused elements
     * @default 0
     */
    bottomMargin?: number;
    /** Additional CSS class names to apply to the container */
    className?: string;
    /**
     * Ref for a sticky header element, used to calculate scroll position
     */
    stickyHeaderRef?: RefObject<HTMLElement>;
    /**
     * Ref for a sticky footer element, used to calculate scroll position
     */
    stickyFooterRef?: RefObject<HTMLElement>;
} & React.RefAttributes<HTMLDivElement>>;