import { FC } from 'react';
/**
 * Component that allows the user to edit a string.
 *
 * The editing mode can be controlled (the mode is managed by the parent component)
 * or uncontrolled (managed by the component itself).
 *
 * Controlled mode example:
 * ```
 *    const [text, setText] = useState('');
 *    const [isEditing, setEditing] = useState(false);
 *    ...
 *    <EditableText
 *       value={text}
 *       onChange={setText}
 *       isEditing={isEditing}
 *       onEditingChange={setEditing}
 *    />
 * ```
 *
 * Uncontrolled mode example:
 * ```
 *    const [text, setText] = useState('');
 *    ...
 *    <EditableText
 *      value={text}
 *      onChange={setText}
 *      defaultEditing={false}
 *    />
 * ```
 */
export declare const EditableText: FC<{
    className?: string;
    isReadOnly?: boolean;
    value: string;
    placeholder?: string;
    onChange: (text: string) => void;
    autoFocus?: boolean;
    selectOnFocus?: boolean;
    /** When false, the input is removed from tab order while not editing. */
    allowTabFocusWhenNotEditing?: boolean;
    /**
     * The editing state when it is initially rendered. Use when you do not need to control its editing state
     * in the parent component.
     **/
    defaultEditing?: boolean;
    /**
     * The controlled editing state of the component. Must be used in conjunction with onEditingChange.
     **/
    isEditing?: boolean;
    onEditingChange?: (isEditing: boolean) => void;
}>;
//# sourceMappingURL=editable-text.d.ts.map