import * as react_jsx_runtime from 'react/jsx-runtime';
import * as React from 'react';
import { InputProps, EditCompleteOptions } from './Input.js';
import '../../../hooks/useDelay.js';

type ToggleableInputProps = Omit<InputProps, 'defaultStyle'> & {
    initialState?: 'editing' | 'display';
    editCompleteOptions?: Omit<EditCompleteOptions, 'allowEnterComplete'>;
};
/**
 * A Text input component for inputting text. It changes appearance upon entering the edit mode and switches
 * back to display mode on loss of focus or on enter
 *
 * The State is managed by the parent
 */
declare const ToggleableInput: React.ForwardRefExoticComponent<Omit<InputProps, "defaultStyle"> & {
    initialState?: "editing" | "display";
    editCompleteOptions?: Omit<EditCompleteOptions, "allowEnterComplete">;
} & React.RefAttributes<HTMLInputElement>>;
declare const ToggleableInputUncontrolled: ({ value: initialValue, onChangeText, ...restProps }: ToggleableInputProps) => react_jsx_runtime.JSX.Element;

export { ToggleableInput, ToggleableInputUncontrolled };
