import { ReactElement } from 'react';
import { CommonProps } from '../../common';
import { InputProps } from '../../Input/Input';
import { TextAreaProps } from '../../Input/TextArea';
export interface FieldProps extends CommonProps {
    /**
     * Input component to be wrapped.
     */
    children: ReactElement<InputProps | TextAreaProps>;
    /**
     * Validation status of children's value.
     */
    validateStatus?: 'success' | 'warning' | 'error' | 'validating';
}
export declare const getValidateSuffixElement: (children: ReactElement<InputProps>, validateStatus: 'success' | 'warning' | 'error' | 'validating') => JSX.Element;
export declare const getValidatedChildren: (children: ReactElement<InputProps | TextAreaProps>, validateStatus?: "error" | "success" | "warning" | "validating" | undefined) => JSX.Element;
declare const Field: ({ children, validateStatus, id, className, style, sx, "data-test-id": dataTestId, }: FieldProps) => JSX.Element;
export default Field;