import { TextField, TextFieldProps } from "../../components";
import { ChangeEvent, ReactNode, RefAttributes } from 'react';
import { Control, FieldError, FieldPath, FieldValues, PathValue, UseControllerProps } from 'react-hook-form';
export type TextFieldElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue = unknown> = Omit<TextFieldProps, 'name'> & {
    rules?: UseControllerProps<TFieldValues, TName>['rules'];
    name: TName;
    parseError?: (error: FieldError) => ReactNode;
    control?: Control<TFieldValues>;
    /**
     * You override the MUI's TextField component by passing a reference of the component you want to use.
     *
     * This is especially useful when you want to use a customized version of TextField.
     */
    component?: typeof TextField;
    transform?: {
        input?: (value: PathValue<TFieldValues, TName>) => TValue;
        output?: (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => PathValue<TFieldValues, TName>;
    };
    customInvalidFieldEmailMessage?: string;
};
type TextFieldElementComponent = <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue = unknown>(props: TextFieldElementProps<TFieldValues, TName, TValue> & RefAttributes<HTMLDivElement>) => JSX.Element;
declare const _default: TextFieldElementComponent;
export default _default;