import { ToolbarProps } from '../../types';
/**
 * Toolbar - Barra de herramientas flexible con botones y addons
 *
 * Según diseño de Figma:
 * - Fondo: bg-fill-brand (azul)
 * - Border radius: radius-surface-modal (16px)
 * - Padding: 16px horizontal, 8px vertical
 * - Gap: 16px entre elementos
 * - Texto blanco para el contador
 * - Divisor vertical entre secciones
 *
 * Funcionamiento:
 * 1. Siempre se muestra primero la vista de botones
 * 2. Cada botón puede tener sus propios addons asociados
 * 3. Al hacer click en un botón:
 *    - Se ejecuta onClick (siempre)
 *    - Si tiene addons, se muestra la vista de addons de ese botón
 * 4. En la vista de addons se muestra (por defecto):
 *    - Botón de volver (opcional con `showBackButton={false}`)
 *    - Texto con contador "(count) text"
 *    - Los addons del botón seleccionado
 *    - Botón de cerrar (si `onClose` está definido y `showCloseButton !== false`)
 *
 * Vista de botones — opt-in `showCounterInButtonsView`:
 *    - Contador + separador + botones + separador + cierre (si `onClose`), alineado a diseños tipo selección masiva.
 *
 * Modo controlado (para compartir estado entre múltiples toolbars):
 * - Proporciona activeButtonId y onActiveButtonIdChange para controlar el estado externamente
 * - Los botones deben tener un id único para funcionar correctamente en modo controlado
 * - Si no se proporcionan estas props, el componente funciona en modo no controlado (estado interno)
 */
export declare const Toolbar: ({ text, count, buttons, onClose, className, visible, activeButtonId, onActiveButtonIdChange, onBackClick, showCounterInButtonsView, showBackButton, showCloseButton, }: ToolbarProps) => import('react').ReactPortal | null;
//# sourceMappingURL=Toolbar.d.ts.map