import { default as React } from 'react';
export interface ScrollSpySection {
    /** Section ID */
    id: string;
    /** Section label */
    label: string;
    /** Subsections */
    subsections?: ScrollSpySection[];
}
export interface ScrollSpyProps {
    /** Sections to track */
    sections: ScrollSpySection[];
    /** Active section ID */
    activeId?: string;
    /** Active section change handler */
    onActiveChange?: (id: string) => void;
    /** Scroll offset from top */
    offset?: number;
    /** Scroll container selector */
    container?: string;
    /** Smooth scroll on click */
    smoothScroll?: boolean;
    /** Show subsections */
    showSubsections?: boolean;
    /** Additional className */
    className?: string;
}
/**
 * ScrollSpy Component
 *
 * Navigation that highlights the active section based on scroll position.
 * Tracks sections and updates active state automatically.
 *
 * @example
 * ```tsx
 * <ScrollSpy
 *   sections={[
 *     { id: 'intro', label: 'Introduction' },
 *     { id: 'features', label: 'Features' },
 *     { id: 'pricing', label: 'Pricing' }
 *   ]}
 *   offset={100}
 *   smoothScroll
 * />
 * ```
 *
 * @example
 * ```tsx
 * <ScrollSpy
 *   sections={tocSections}
 *   activeId={currentSection}
 *   onActiveChange={setCurrentSection}
 *   showSubsections
 * />
 * ```
 */
export declare const ScrollSpy: React.FC<ScrollSpyProps>;
//# sourceMappingURL=scroll-spy.d.ts.map