import { type ReactNode } from 'react';
import type { Href, StringLikeChildren } from '../types.js';
export interface UNSTABLE_SideNavProps {
    children: ReactNode;
    isOpen?: boolean;
    onOpenChange?: (isOpen: boolean) => void;
    /**
     * Determines how the side nav is displayed and behaves.
     * - `overlay`: The side nav slides in as an overlay on top of the main content. This is used when all available screen space is needed for the main content.
     * - `fixed`: The side nav is fixed to the side and includes an expand button to toggle between a compact icon-only view and an expanded view showing labels. On smaller screens, it slides in as an overlay.
     *
     * @default 'fixed'
     */
    variant?: 'overlay' | 'fixed';
}
export declare function UNSTABLE_SideNav({ children, isOpen, onOpenChange, variant }: UNSTABLE_SideNavProps): import("react/jsx-runtime").JSX.Element;
export interface UNSTABLE_SideNavListProps {
    children: ReactNode;
}
export declare function UNSTABLE_SideNavList({ children }: UNSTABLE_SideNavListProps): import("react/jsx-runtime").JSX.Element;
export interface UNSTABLE_SideNavListItemProps {
    children: StringLikeChildren;
    href: Href;
    isActive?: boolean;
    icon?: ReactNode;
}
export declare function UNSTABLE_SideNavListItem({ children, href, isActive, icon }: UNSTABLE_SideNavListItemProps): import("react/jsx-runtime").JSX.Element;
export interface UNSTABLE_SideNavListSectionProps {
    children: ReactNode;
    label?: string;
}
export declare function UNSTABLE_SideNavListSection({ children, label }: UNSTABLE_SideNavListSectionProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=side-nav.d.ts.map