import React from 'react';
export interface StickyNavSection {
    id: string;
    label: string;
}
interface StickySectionNavProps {
    sections: StickyNavSection[];
    activeSection: string;
    onSectionClick: (sectionId: string) => void;
    className?: string;
    ribbonPosition?: 'left' | 'right';
    ribbonColor?: string;
}
/**
 * Reusable sticky navigation component for section-based navigation
 * Used in vendor detail pages, knowledge base, documentation, etc.
 */
export declare function StickySectionNav({ sections, activeSection, onSectionClick, className, ribbonPosition, ribbonColor }: StickySectionNavProps): React.JSX.Element;
/**
 * SIMPLEST POSSIBLE IMPLEMENTATION - Just make it work
 */
export declare function useSectionNavigation(sections: {
    id: string;
    ref: React.RefObject<HTMLElement>;
}[], options?: {
    offset?: number;
}): {
    activeSection: string;
    handleSectionClick: (sectionId: string) => void;
};
export {};
//# sourceMappingURL=sticky-section-nav.d.ts.map