import { RegisterOptions } from 'react-hook-form'; import { ResponsiveSized } from '../../../context/windowSizeProvider'; import { DisableMode } from '../common/common'; import { FormattedTextFieldType } from '../formattedTextField/FormattedTextField'; /** * Dimensions */ export declare const D: { width: ResponsiveSized; height: ResponsiveSized; controlHeight: ResponsiveSized; paddingLeftRight: ResponsiveSized; paddingTop: ResponsiveSized; paddingBottom: ResponsiveSized; marginTop: ResponsiveSized; marginBottom: ResponsiveSized; labelMarginLeft: ResponsiveSized; labelMarginRight: ResponsiveSized; labelMarginTop: ResponsiveSized; }; export interface LabeledMultiTextFieldProps { firstText: { isDisabled: boolean; /** * Unique name to be registered with react-hook-form */ name: string; type: FormattedTextFieldType; additionalErrorLabel?: string; additionalInfoLabel?: string; autoComplete?: "off" | "on" | "new-password"; defaultValue?: string | number; options?: RegisterOptions; placeholder?: string; }; label: { label: string; /** Backend field-help code; shows the label's info tooltip when copy exists. */ fieldCode?: string; width?: number; }; secondText: { additionalInfoLabel: string; hideField: boolean; isDisabled: boolean; /** * Unique name to be registered with react-hook-form */ name: string; type: FormattedTextFieldType; autoComplete?: "off" | "on" | "new-password"; defaultValue?: string | number; options?: RegisterOptions; placeholder?: string; }; additionalInfoLabel?: string; isDisabled?: DisableMode; isFieldError?: boolean; protectedInfoText?: string; showAdditionalInfoLabel?: boolean; showRightTickIcon?: boolean; showTickIcon?: boolean; style?: React.CSSProperties; tooltipText?: string; } export declare function LabeledMultiTextFieldMedium({ isDisabled, label, firstText, secondText, style, isFieldError, }: LabeledMultiTextFieldProps): import("react/jsx-runtime").JSX.Element;