import * as React from 'react';
import { InputProps } from './input';
import { TypeValue } from './type-value';
interface OwnProps<T extends string> extends Omit<InputProps, 'variant' | 'value' | 'onChange'> {
    onChange: (value: TypeValue<T>) => void;
    value: TypeValue<T>;
}
/**
 * Toggle Button Input
 * @public
 */
export type Props<T extends string> = React.PropsWithChildren<OwnProps<T>>;
/**
 * A component that render an input and also accept other components as child.
 *
 * @template T
 * @param {Props<T>} props
 * @returns {JSX.Element}
 * @example
 * Here's an example
 * ```tsx
 * export function MyComponent() {
 *   const [value, setValue] = useState<{ value: string; type: Type | null }>({
 *     value: '',
 *     type: null,
 *   });
 *
 *   return (
 *     <Fragment>
 *       <ToggleButtonInput value={value} onChange={setValue} label={value.type}>
 *         <ToggleButton title="item1" value="item1">
 *           Item 1
 *         </ToggleButton>
 *         <ToggleButton title="item2" value="item2">
 *           Item 2
 *         </ToggleButton>
 *         <ToggleButton title="item3" value="item3">
 *           Item 3
 *         </ToggleButton>
 *       </ToggleButtonInput>
 *     </Fragment>
 *   );
 * }
 * ```
 */
export declare function ToggleButtonInput<T extends string>(props: Props<T>): JSX.Element;
export type ToggleButtonInputProps<T extends string> = OwnProps<T>;
export {};