import type { ButtonGroupProps } from './ButtonGroup.types';
/**
 * ButtonGroup - Grupo de botones toggle conectados
 *
 * Componente de selección tipo radio donde los botones aparecen
 * visualmente conectados. Solo un valor puede estar seleccionado a la vez.
 * Varianite para entorno de Playground.
 *
 * Soporta tres modos por opción:
 * - **Solo texto**: `{ value, label }`
 * - **Icono + texto**: `{ value, label, icon }`
 * - **Solo icono**: `{ value, icon, ariaLabel }` (botón cuadrado)
 *
 * **Figma:** Button Group Item
 * Node ID: 7879-38523
 *
 * @example
 * ```tsx
 * // Solo texto
 * <ButtonGroup
 *   options={[
 *     { value: 'con', label: 'Con' },
 *     { value: 'sin', label: 'Sin' },
 *   ]}
 *   value={selected}
 *   onChange={setSelected}
 * />
 *
 * // Icono + texto
 * <ButtonGroup
 *   options={[
 *     { value: 'playground', label: 'Playground', icon: <StarIcon /> },
 *     { value: 'identified', label: 'Identificado' },
 *   ]}
 *   value={selected}
 *   onChange={setSelected}
 * />
 *
 * // Solo icono
 * <ButtonGroup
 *   options={[
 *     { value: 'list', icon: <ListIcon />, ariaLabel: 'Vista lista' },
 *     { value: 'grid', icon: <GridIcon />, ariaLabel: 'Vista cuadrícula' },
 *   ]}
 *   value={selected}
 *   onChange={setSelected}
 * />
 * ```
 *
 * @see https://www.figma.com/design/5XNqf2YTxvwemxwo1LMQ6j/Siesa-UI-Kit?node-id=7879-38523
 */
export declare function ButtonGroup({ options, value, onChange, disabled, className, 'aria-label': ariaLabel, }: ButtonGroupProps): import("react/jsx-runtime").JSX.Element;
export default ButtonGroup;
//# sourceMappingURL=ButtonGroup.d.ts.map