import { ReactEventHandler } from 'react';
import { RegisterOptions } from 'react-hook-form';
import { ReactFragment } from '../../../types/common';
import { DisableMode, LabelProps } from '../common/common';
import { TextFieldType } from '../textField/TextField';
import { AutoCapitalize } from '../textFieldWithButton/TextFieldWithButton';
/**
 * Component & its Props
 */
export interface Props {
    label: LabelProps;
    text: {
        /**
         * Unique name to be registered with react-hook-form
         */
        name: string;
        type: TextFieldType;
        autoCapitalize?: AutoCapitalize;
        autoComplete?: "off" | "on" | "new-password";
        defaultValue?: string | number | undefined;
        hoverBgColor?: string;
        options?: RegisterOptions;
        placeholder?: string;
        style?: React.CSSProperties;
    };
    additionalInfoLabel?: string;
    /**
     * Overrides the default responsive width of the row. Accepts a pixel
     * number (e.g. `120`) or any valid CSS width string (e.g. `"100%"`)
     * so the field can be embedded inside a fluid layout like a data-grid
     * cell.
     */
    controlWidth?: number | string;
    disableCopyPaste?: boolean;
    errorInfoLabel?: string;
    fullWidthSelect?: boolean;
    isDisabled?: DisableMode;
    isOptional?: boolean;
    isSaveError?: boolean;
    isSecondaryInput?: boolean;
    onBlur?: ReactEventHandler;
    protectedInfoText?: string;
    showAdditionalInfoLabel?: boolean;
    showErrorInfoLabel?: boolean;
    showRightTickIcon?: boolean;
    showTickIcon?: boolean;
    showTooltip?: boolean;
    style?: React.CSSProperties;
    tooltipText?: string;
    tooltipTitle?: string | ReactFragment | React.ReactElement;
    toolTipWidth?: string;
}
export declare function LabeledTextField({ isDisabled, label, text, style, additionalInfoLabel, showAdditionalInfoLabel, protectedInfoText, isSaveError, isSecondaryInput, showRightTickIcon, tooltipText, showTickIcon, showErrorInfoLabel, errorInfoLabel, disableCopyPaste, showTooltip, tooltipTitle, toolTipWidth, isOptional, onBlur, controlWidth, fullWidthSelect, }: Readonly<Props>): import("react/jsx-runtime").JSX.Element;