import { ForwardedRef, ReactElement } from 'react';
import { ToggleButtonProps } from './toggle-button.types';
/**
 * The current component is used as an argument for the `forwardRef` function to forward ref.
 * However, to keep the generic interface of the `ToggleButton` component we have to cast type
 * after wrapping this component with the `forwardRef` function.
 */
declare function ToggleButtonInner<T extends number | string = string>(props: ToggleButtonProps<T>, forwardedRef: ForwardedRef<HTMLButtonElement>): ReactElement;
/**
 * The `ToggleButton` component can be used to group related options.
 *
 * ## Usage
 *
 * ### Basic
 * ```tsx
 *  import { ToggleButton, ToggleButtonGroup } from '@bloomreach/react-banana-ui`;
 *
 *  export default BasicToggleGroup() {
 *    const [value, setValue] = useState('mobile');
 *
 *    return (
 *      <ToggleButtonGroup
 *        value={value}
 *        onChange={(event, value) => { setValue(value); }}
 *      >
 *        <ToggleButton value="web">Web</ToggleButton>
 *        <ToggleButton value="mobile">Mobile</ToggleButton>
 *        <ToggleButton value="desktop">Desktop</ToggleButton>
 *      </ToggleButtonGroup>
 *    );
 *  };
 * ```
 *
 * ### Defined value type
 * The `ToggleButton` is generic component and determinate value type
 * based on `value` or it might be explicitly defined like
 *
 * ```tsx
 * type MyValue = 'one' | 'two' | 'three';
 * <ToggleButton<MyValue> value="two">...</ToggleButton>
 * ```
 * by default `value` has a `string` type.
 */
declare const _default: <T extends number | string = string>(props: ToggleButtonProps<T> & {
    ref?: ForwardedRef<HTMLButtonElement>;
}) => ReturnType<typeof ToggleButtonInner>;
export default _default;