import { ReactNode } from 'react';
export interface ButtonGroupOption {
    /** Value of the option */
    value: string | number;
    /** Label content (can be ReactNode for custom content) */
    label: ReactNode;
    /** Whether the option is disabled */
    disabled?: boolean;
}
export interface ButtonGroupProps {
    /** Array of options to display */
    options: ButtonGroupOption[];
    /** Currently selected value */
    value?: string | number;
    /** Default selected value (for uncontrolled mode) */
    defaultValue?: string | number;
    /** Callback fired when selection changes */
    onChange?: (value: string | number) => void;
    /** Whether the button group is disabled */
    disabled?: boolean;
    /** Additional CSS class name */
    className?: string;
    /** HTML name attribute for form submission */
    name?: string;
}
export default function ButtonGroup({ options, value: controlledValue, defaultValue, onChange, disabled, className, name, }: ButtonGroupProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=ButtonGroup.d.ts.map