import type { SidebarIndicatorProps } from "./Sidebar.types";
/**
 * Componente de indicador visual del Sidebar
 *
 * @description
 * Indicador visual que sigue al cursor del mouse (o item enfocado) dentro
 * del área de navegación. Proporciona feedback visual claro al usuario.
 *
 * Características:
 * - Se muestra solo cuando el mouse está sobre el área de items
 * - Sigue al cursor con animación suave
 * - Se posiciona en el item enfocado al navegar por teclado
 * - Totalmente customizable con className y style
 * - Soporta render props para control total del contenido
 * - Color y dimensiones configurables via contexto
 *
 * El indicador se oculta automáticamente cuando:
 * - El mouse sale del sidebar
 * - El cursor está fuera del área de items
 * - Se pierde el focus del sidebar
 *
 * @example
 * ```tsx
 * // Uso básico con estilos por defecto
 * <SidebarNav>
 *   <SidebarIndicator />
 *   <SidebarContent>...</SidebarContent>
 * </SidebarNav>
 * ```
 *
 * @example
 * ```tsx
 * // Con estilos custom
 * <SidebarIndicator className="bg-red-500 w-1" />
 * ```
 *
 * @example
 * ```tsx
 * // Con render props
 * <SidebarIndicator>
 *   {({ visible, position }) => (
 *     <div
 *       className={cn('indicator', visible && 'opacity-100')}
 *       style={{ top: position }}
 *     >
 *       <span>→</span>
 *     </div>
 *   )}
 * </SidebarIndicator>
 * ```
 *
 * @example
 * ```tsx
 * // Como elemento custom
 * <SidebarIndicator as={motion.div} animate={{ opacity: 1 }} />
 * ```
 */
export declare const SidebarIndicator: import("react").ForwardRefExoticComponent<SidebarIndicatorProps & import("react").RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=SidebarIndicator.d.ts.map