import { type NavigationItem } from "./navigation-item/NavigationItem";
/**
 * Configuration of {@link Navigation}
 */
export interface NavigationConfig {
    /** List of navigation items */
    navigationItems: NavigationItem[];
    /** Title displayed at the top of the navigation */
    title?: string;
}
/**
 * Props of {@link Navigation}
 */
export interface NavigationProps {
    /** Navigation configuration with title and items */
    config: NavigationConfig;
    /** Whether the navigation panel is open */
    open: boolean;
    /** Event handler called when the toggle button is clicked */
    onOpenClick?: () => void;
}
/**
 * In-page navigation component that scrolls to target elements when items are clicked
 *
 * @param NavigationProps {@link NavigationProps}
 *
 * @example
 * ```tsx
    function MyComponent() {
        const [isOpen, setIsOpen] = useState(true);

        return (
            <Navigation
                config={{
                    title: "Page Sections",
                    navigationItems: [
                        { displayName: "Introduction", targetHtmlElementId: "intro-section" },
                        { displayName: "Features", targetHtmlElementId: "features-section" },
                    ],
                }}
                open={isOpen}
                onOpenClick={() => setIsOpen(!isOpen)}
            />
        );
    }
 * ```
 */
export declare function Navigation({ config, open, onOpenClick }: NavigationProps): import("react").JSX.Element;
