import type { SidebarNavProps } from "./Sidebar.types";
/**
 * Componente de navegación del Sidebar
 *
 * @description
 * Contenedor de navegación que renderiza un elemento `<nav>` por defecto.
 * Gestiona los eventos de mouse y teclado para el indicador visual y
 * la navegación accesible.
 *
 * Este componente:
 * - Aplica data attributes para reflejar el estado (open/collapsed)
 * - Gestiona eventos de mouse para el indicador visual
 * - Gestiona navegación por teclado (arrows, home, end)
 * - Expone una ref al elemento DOM para mediciones
 *
 * Usa forwardRef para permitir acceso al elemento DOM desde componentes padre.
 *
 * @example
 * ```tsx
 * <Sidebar>
 *   <SidebarNav className="bg-zinc-900 border-zinc-800">
 *     <SidebarToggle />
 *     <SidebarIndicator />
 *     <SidebarContent>
 *       <SidebarItem href="/" />
 *     </SidebarContent>
 *   </SidebarNav>
 * </Sidebar>
 * ```
 *
 * @example
 * ```tsx
 * // Con data attributes para styling
 * <SidebarNav className="data-[open=true]:w-64 data-[open=false]:w-16">
 *   {children}
 * </SidebarNav>
 * ```
 *
 * @example
 * ```tsx
 * // Con elemento personalizado
 * <SidebarNav as="aside" aria-label="Navegación lateral">
 *   {children}
 * </SidebarNav>
 * ```
 */
export declare const SidebarNav: import("react").ForwardRefExoticComponent<SidebarNavProps & import("react").RefAttributes<HTMLElement>>;
//# sourceMappingURL=SidebarNav.d.ts.map