import * as React from 'react';
import { SIZE } from '../../constants/constants';
import { IconIntent } from '@unidata/icon';
interface IProps {
    isEditMode: boolean;
    readOnly: boolean;
    errorText?: string;
    size?: SIZE;
    isCroppedWidth?: boolean;
    inputExtraControls?: React.ReactNode;
    handlePencilClick?: () => void;
    onToggleEditMode: (isEdit: boolean) => void;
    editIndicatorPosition?: 'inside' | 'outside' | 'outsideOffset';
    iconIntent?: IconIntent;
    tooltipOverlay?: string;
}
interface IState {
    showControls: boolean;
}
export declare class EditableField extends React.Component<IProps, IState> {
    state: {
        showControls: boolean;
    };
    onKeyPress: (e: React.KeyboardEvent<HTMLInputElement>) => void;
    handleEdit: () => void;
    handlePencilClick: () => void;
    onBlur: () => void;
    onMouseEnter: () => void;
    onMouseLeave: () => void;
    renderEditMode(): JSX.Element;
    renderViewMode(): JSX.Element;
    render(): JSX.Element;
}
export {};