import { SxProps } from '@mui/system'; import { CreateSlotsAndSlotProps, SlotProps } from '../utils/types.js'; import { Theme } from '../styles/index.js'; import { InternalStandardProps as StandardProps } from '../internal/index.js'; import { InputBaseProps } from '../InputBase/index.js'; import { OutlinedInputClasses } from './outlinedInputClasses.js'; import * as React from 'react'; interface OutlinedInputSlots { /** * The component that renders the notchedOutline slot. * @default NotchedOutline */ notchedOutline: React.ElementType; } type OutlinedInputSlotsAndSlotProps = CreateSlotsAndSlotProps; }> & { slots?: InputBaseProps['slots'] | undefined; slotProps?: InputBaseProps['slotProps'] | undefined; }; export interface OutlinedInputProps extends Omit, 'slots' | 'slotProps'>, OutlinedInputSlotsAndSlotProps { /** * Override or extend the styles applied to the component. */ classes?: Partial | undefined; /** * The label of the `input`. It is only used for layout. The actual labelling * is handled by `InputLabel`. */ label?: React.ReactNode; /** * If `true`, the outline is notched to accommodate the label. */ notched?: boolean | undefined; /** * The system prop that allows defining system overrides as well as additional CSS styles. */ sx?: SxProps | undefined; } export interface OutlinedInputOwnerState extends Omit {} /** * * Demos: * * - [Number Field](https://v7.mui.com/material-ui/react-number-field/) * - [Text Field](https://v7.mui.com/material-ui/react-text-field/) * * API: * * - [OutlinedInput API](https://v7.mui.com/material-ui/api/outlined-input/) * - inherits [InputBase API](https://v7.mui.com/material-ui/api/input-base/) */ declare const OutlinedInput: ((props: OutlinedInputProps) => React.JSX.Element) & { muiName: string; }; export default OutlinedInput;