import { ReactElement } from 'react';
import { FlexProps } from '../flex/index.js';
import { ButtonProps } from '../button/index.js';
import { Id, Obj, SelectableProps } from '../../types.js';
type ButtonItem = ButtonProps & Obj;
export interface ToggleButtonBaseProps<I extends ButtonItem> extends Omit<FlexProps, 'defaultValue' | 'onChange'> {
    variant?: 'filled' | 'outlined';
    size?: ButtonProps['size'];
    color?: ButtonProps['color'];
    disabled?: boolean;
    readOnly?: boolean;
    items?: I[];
    primaryKey?: keyof I;
}
export type ToggleButtonProps<I extends ButtonItem, V extends Id = Id> = SelectableProps<V> & ToggleButtonBaseProps<I>;
export declare const ToggleButton: <I extends ButtonItem, V extends Id = Id>(props: ToggleButtonProps<I, V>) => ReactElement;
export {};