import React from 'react';
import { ButtonToggleItemProps } from './ButtonToggleItem';
/**
 * Option properties
 */
export interface OptionProps<T> {
    /** Content of the element, i.e. the displayed text */
    text?: ButtonToggleItemProps<T>['text'];
    /** Value of the option */
    value: ButtonToggleItemProps<T>['value'];
    /** Returns value of option for the click event */
    onClick?: ButtonToggleItemProps<T>['onClick'];
    /** Indicates whether the element is disabled or not. It makes the option unselectable */
    disabled?: ButtonToggleItemProps<T>['disabled'];
    /** Sets the option's selected state */
    selected?: ButtonToggleItemProps<T>['selected'];
    /** Hide the option (not commonly used) */
    hidden?: ButtonToggleItemProps<T>['hidden'];
    /** React element to be rendered as an icon */
    icon?: ButtonToggleItemProps<T>['icon'];
    /** Name of icon to render inside of button */
    iconName?: ButtonToggleItemProps<T>['iconName'];
}
/**
 * ButtonToggle properties
 */
export interface ButtonTogglePropsStrict<T> {
    /** String of class names to add to component */
    className?: string;
    /** Switch on unselected state */
    clearable?: boolean;
    /** Selected button background color.<br /> Possible values: <i>'primary'</i>, <i>'blue'</i>, <i>'negative'</i>, <i>'red'</i> */
    color?: ButtonToggleItemProps<T>['color'];
    /** Sets all the option's unselectable */
    disabled?: ButtonToggleItemProps<T>['disabled'];
    /** Element to use for base component */
    el?: any;
    /** Shortcut for large-sized buttons */
    large?: boolean;
    /** Specifies the name of the ButtonToggle element */
    name?: string;
    /** Negative styling (red) */
    negative?: boolean;
    /** Called when the user changes the value */
    onChange?: (value: T | undefined) => void;
    /** List of options */
    options?: OptionProps<T>[];
    /** Primary button */
    primary?: boolean;
    /** Sets size of the buttons.<br /> Possible values: <i>'large'</i>, <i>'small'</i> */
    size?: ButtonToggleItemProps<T>['size'];
    /** Shortcut for small-sized buttons */
    small?: boolean;
    /** Value of the ButtonToggle element. Sets corresponding option selected */
    value?: ButtonToggleItemProps<T>['value'];
    /** Shortcut for x-small-sized buttons */
    xsmall?: boolean;
}
export interface ButtonToggleProps<T> extends ButtonTogglePropsStrict<T> {
    /** Unstrict Props */
    [propName: string]: any;
}
export declare const ButtonToggle: <T>(props: React.PropsWithoutRef<ButtonToggleProps<T>> & React.RefAttributes<HTMLElement>) => React.ReactElement | null;