import { FormikConfig } from 'formik';
import { ReactNode } from 'react';
import { TXProp } from '../theme';
import { TextProps } from '../Text';
import { EDITABLE_TEXT_FIELD_NAME } from './types';
export declare type EditableTextFormValues = {
    [EDITABLE_TEXT_FIELD_NAME]: string;
};
export interface EditableTextProps extends Pick<TextProps, 'as' | 'variant'>, Pick<FormikConfig<EditableTextFormValues>, 'onSubmit'> {
    'data-testid'?: string;
    behavior?: 'box' | 'text';
    disabled?: boolean;
    formatValue?: (children: ReactNode) => ReactNode;
    isEditing?: boolean;
    id?: string;
    label: string;
    /**
     * This will set the max character length for the textarea.
     */
    maxLength?: number;
    onEditingStateChange?: (isEditingState: boolean) => void;
    onReset?: () => void;
    placeholder?: string;
    readOnly?: boolean;
    tx?: TXProp & {
        EditableTextButton?: TXProp;
        EditableTextText?: TXProp;
        EditableTextTextarea?: TXProp;
    };
    value: string;
    error?: string;
    onValueChange?: (value: string) => void;
    required?: boolean;
}
export declare const EditableText: ({ as, behavior, ["data-testid"]: testId, disabled, formatValue, isEditing, id, label, maxLength, onEditingStateChange, onReset, onSubmit, placeholder, readOnly, tx, value, variant, error, onValueChange, required, }: EditableTextProps) => JSX.Element;