import { ReactNode } from 'react';
import { CheckboxProps, ChipProps, FormControlProps, InputLabelProps, MenuItemProps, SelectChangeEvent, SelectProps as MuiSelectProps } from '@mui/material';
import { FormHelperTextProps } from '@mui/material';
export interface MultiSelectOption<Value = unknown> {
    value: Value;
    label: ReactNode;
    menuItemProps?: Omit<MenuItemProps, 'value'>;
}
type ExtractOptionValue<TOptions extends readonly MultiSelectOption<any>[]> = TOptions[number] extends MultiSelectOption<infer V> ? V : never;
type MultiSelectValue<TOptions extends readonly MultiSelectOption<any>[]> = ExtractOptionValue<TOptions>[];
export type MultiSelectProps<TOptions extends readonly MultiSelectOption<any>[] = []> = Omit<MuiSelectProps<MultiSelectValue<TOptions>>, 'value' | 'onChange' | 'multiple'> & {
    value: MultiSelectValue<TOptions>;
    onChange?: (value: MultiSelectValue<TOptions>, event: SelectChangeEvent<MultiSelectValue<TOptions>>, child: React.ReactNode) => void;
    /**
     * @default false
     */
    checkbox?: boolean;
    /**
     * @default false
     */
    chip?: boolean;
    placeholder?: ReactNode;
    helperText?: ReactNode;
    options: TOptions;
    slotProps?: {
        formControl?: Omit<FormControlProps, 'name' | 'disabled' | 'error' | 'children' | 'defaultValue' | 'required'>;
        helperText?: FormHelperTextProps;
        inputLabel?: InputLabelProps;
        menuItemProps?: Omit<MenuItemProps, 'value' | 'key'>;
        checkbox?: Omit<CheckboxProps, 'checked'>;
        chip?: Omit<ChipProps, 'key'>;
    };
};
declare function MultiSelect<TOptions extends readonly MultiSelectOption<any>[] = []>(inProps: MultiSelectProps<TOptions>): import("react/jsx-runtime").JSX.Element;
declare module '@mui/material' {
    interface Components {
        ReevolveMultiSelect?: {
            defaultProps?: Partial<MultiSelectProps>;
        };
    }
}
export default MultiSelect;
//# sourceMappingURL=MultiSelect.d.ts.map