import * as React from 'react';
import { OverrideProps } from '@mui/types';
import { FormHelperTextProps } from '../FormHelperText';
import { InputProps } from '../Input';
import { CreateSlotsAndSlotProps, SlotCommonProps } from '../types/slot';
import { FormLabelProps } from '../FormLabel/FormLabel.types';
import { FormControlProps } from '../FormControl';
import { CommonUsedInputKeys } from '../Input/Input.types';
import TextareaProps, { CommonUsedTextareaKeys } from '../Textarea/Textarea.types';
export interface TextFieldPropsColorOverrides {
}
type InputRootKeys = 'autoComplete' | 'autoFocus' | 'disabled' | 'error' | 'showErrorIcon' | 'required' | 'readOnly' | 'maxLength' | 'fullWidth' | 'placeholder' | 'defaultValue' | 'value' | 'type' | 'size' | 'startDecorator' | 'endDecorator';
type TextareaRootKeys = 'autoComplete' | 'autoFocus' | 'disabled' | 'error' | 'required' | 'readOnly' | 'maxLength' | 'fullWidth' | 'placeholder' | 'defaultValue' | 'value' | 'maxRows' | 'minRows' | 'size' | 'startDecorator' | 'endDecorator';
export interface TextFieldSlots {
    /**
     * The component that renders the root.
     * @default 'div'
     */
    root?: React.ElementType;
    /**
     * The component that renders the label.
     * @default 'label'
     */
    label?: React.ElementType;
    /**
     * The component that renders the input/textarea container.
     * @default 'div'
     */
    input?: React.ElementType;
    /**
     * The component that renders the inner html input/textarea.
     * @default multiline ? 'textarea' : 'input'
     */
    htmlInput?: React.ElementType;
    /**
     * The component that renders the helper text.
     * @default 'div'
     */
    helperText?: React.ElementType;
    /**
     * The component that renders the counter text.
     * @default 'div'
     */
    counterText?: React.ElementType;
}
export type HTMLInputExtraProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, CommonUsedInputKeys> & Record<string, unknown>;
export type HTMLTextareaExtraProps = Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, CommonUsedTextareaKeys> & Record<string, unknown>;
export type TextFieldSlotsAndSlotProps = CreateSlotsAndSlotProps<TextFieldSlots, {
    /**
     * Props forwarded to the root slot.
     * The available props are based on the [FormControl](https://zeroheight.com/9a7698df1/p/76f8f5-text-fields/b/64b5e9/t/26686-formcontrol) component.
     */
    root: FormControlProps;
    /**
     * Props forwarded to the label slot.
     * The available props are based on the [FormLabel](https://zeroheight.com/9a7698df1/p/76f8f5-text-fields/b/64b5e9/t/26686-formlabel) component.
     */
    label: FormLabelProps;
    /**
     * Props forwarded to the input slot.
     * By default, the available props are based on the [Input](https://zeroheight.com/9a7698df1/p/76f8f5-text-fields/b/64b5e9/t/26686-input) & [Textarea](https://zeroheight.com/9a7698df1/p/76f8f5-text-fields/b/64b5e9/t/26686-textarea) component.
     */
    input: InputProps & TextareaProps;
    /**
     * Props forwarded to the html input/textarea slot.
     * By default, the available props are based on the html input/textarea element.
     */
    htmlInput: HTMLInputExtraProps | HTMLTextareaExtraProps;
    /**
     * Props forwarded to the helperText slot.
     * By default, the available props are based on the [FormHelperText](https://zeroheight.com/9a7698df1/p/76f8f5-text-fields/b/64b5e9/t/26686-formhelpertext) component.
     */
    helperText: FormHelperTextProps;
    /**
     * Props forwarded to the counterText slot.
     * By default, the available props are based on the [FormHelperText](https://zeroheight.com/9a7698df1/p/76f8f5-text-fields/b/64b5e9/t/26686-formhelpertext) component.
     */
    counterText: FormHelperTextProps;
}>;
export interface TextFieldTypeMap<P = object, D extends React.ElementType = 'div'> {
    props: P & TextFieldSlotsAndSlotProps & Pick<InputProps, InputRootKeys> & Pick<TextareaProps, TextareaRootKeys> & {
        /**
         * The id of the `input` element.
         * Use this prop to make `label` and `helperText` accessible for screen readers.
         */
        id?: string;
        /**
         * The label content.
         */
        label?: React.ReactNode;
        /**
         * Name attribute of the `input` element.
         */
        name?: string;
        /**
         * The helper text content.
         */
        helperText?: React.ReactNode;
        /**
         * If `true`, a `textarea` element is rendered instead of an `input`.
         * @default false
         */
        multiline?: boolean;
        /**
         * Callback fired when the `input` is blurred.
         *
         * Notice that the first argument (event) might be undefined.
         */
        onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
        /**
         * Callback fired when the value is changed.
         *
         * @param {React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>} event The event source of the callback.
         * You can pull out the new value by accessing `event.target.value` (string).
         */
        onChange?: React.ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>;
        onFocus?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
        onKeyDown?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement>;
        onKeyUp?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement>;
    };
    defaultComponent: D;
}
export type TextFieldProps<D extends React.ElementType = TextFieldTypeMap['defaultComponent'], P = SlotCommonProps> = OverrideProps<TextFieldTypeMap<P, D>, D>;
export interface TextFieldOwnerState extends TextFieldProps {
    showSupportText?: boolean;
}
export {};