import React from 'react';
import { FlintToggleButtonGroup as FlintToggleButtonGroupElement } from '@getufy/flint-ui/button/flint-toggle-button-group';
export interface FlintToggleButtonGroupChangeDetail {
    value: string | string[];
}
/**
 * Toggle Button Group: manages exclusive or multi-select toggle buttons.
 */
export interface FlintToggleButtonGroupProps extends Omit<React.HTMLAttributes<FlintToggleButtonGroupElement>, 'defaultValue'> {
    /** Currently selected value(s). A string when exclusive, an array otherwise. */
    value?: string | string[];
    /** Initial selected value(s) for uncontrolled usage. */
    defaultValue?: string | string[];
    /** Whether only one button can be selected at a time. */
    exclusive?: boolean;
    /**
     * Fired when the group's selected value(s) change. detail: `{ value: string | string[] }`
     * DOM event: `flint-toggle-button-group-change`
     */
    onFlintToggleButtonGroupChange?: (event: CustomEvent<FlintToggleButtonGroupChangeDetail>) => void;
}
export declare const FlintToggleButtonGroup: React.ForwardRefExoticComponent<FlintToggleButtonGroupProps & React.RefAttributes<FlintToggleButtonGroupElement>>;