import type { ReactNode } from 'react';
/**
 * Interfaz para un ítem individual del Navigation Bar
 */
export interface NavigationBarItem {
    /**
     * Identificador único del ítem
     */
    id: string;
    /**
     * Icono del ítem (componente React)
     */
    icon: ReactNode;
    /**
     * Label del ítem (texto debajo del icono)
     */
    label: string;
    /**
     * Si el ítem está activo
     * @default false
     */
    active?: boolean;
    /**
     * Si el ítem está deshabilitado
     * @default false
     */
    disabled?: boolean;
    /**
     * Función onClick del ítem
     */
    onClick?: (id: string) => void;
    /**
     * Etiqueta accesible para lectores de pantalla
     */
    ariaLabel?: string;
}
/**
 * Props del componente NavigationBar
 */
export interface NavigationBarProps {
    /**
     * Lista de ítems del navigation bar (máximo 5 ítems recomendado)
     */
    items: NavigationBarItem[];
    /**
     * ID del ítem actualmente activo
     */
    activeItemId?: string;
    /**
     * Función que se ejecuta cuando se hace click en un ítem
     */
    onItemClick?: (id: string) => void;
    /**
     * Clases CSS adicionales para el contenedor
     */
    className?: string;
    /**
     * Etiqueta accesible para el navigation bar
     * @default 'Navigation Bar'
     */
    ariaLabel?: string;
}
//# sourceMappingURL=NavigationBar.types.d.ts.map