import * as React from 'react'; import { SxProps } from '@mui/system'; import { Theme } from '@mui/material'; import { MenuProps } from '@mui/material/Menu'; /** * The change can be caused by different kind of events. * The type of event depends on what caused the change. * For example, when the browser auto-fills the `Select` you'll receive a `React.ChangeEvent`. */ export type SelectChangeEvent = | (Event & { target: { value: Value; name: string } }) | React.ChangeEvent; export interface SelectInputProps { autoFocus?: boolean; autoWidth: boolean; defaultOpen?: boolean; disabled?: boolean; error?: boolean; IconComponent?: React.ElementType; inputRef?: ( ref: HTMLSelectElement | { node: HTMLInputElement; value: SelectInputProps['value'] }, ) => void; MenuProps?: Partial; multiple: boolean; name?: string; native: boolean; onBlur?: React.FocusEventHandler; onChange?: (event: SelectChangeEvent, child: React.ReactNode) => void; onClose?: (event: React.SyntheticEvent) => void; onFocus?: React.FocusEventHandler; onOpen?: (event: React.SyntheticEvent) => void; open?: boolean; readOnly?: boolean; renderValue?: (value: SelectInputProps['value']) => React.ReactNode; SelectDisplayProps?: React.HTMLAttributes; sx?: SxProps; tabIndex?: number; value?: Value; variant?: 'standard' | 'outlined' | 'filled'; } declare const SelectInput: React.JSXElementConstructor; export default SelectInput;