import { Component } from 'react';
import { EditableState } from './props.js';
import type { EditableProps, GetContainerProps, GetEditButtonProps, GetEditorProps, GetViewerProps } from './props';
/**
---
category: components
---
**/
declare class Editable extends Component<EditableProps> {
    static displayName: string;
    static allowedProps: readonly (keyof {
        mode: "view" | "edit";
        onChangeMode: (newMode: string) => void;
        children?: (props: import("./props.js").EditableRenderProps) => React.ReactNode;
        render?: (props: import("./props.js").EditableRenderProps) => React.ReactNode;
        value?: any;
        onChange?: (value: any) => void;
        readOnly?: boolean;
        elementRef?: (element: Element | null) => void;
    })[];
    static defaultProps: {
        readOnly: boolean;
        children: null;
    };
    state: EditableState;
    _editorRef: HTMLInputElement | null;
    _editButtonRef: HTMLButtonElement | null;
    constructor(props: EditableProps);
    componentDidMount(): void;
    componentDidUpdate(prevProps: EditableProps): void;
    focusEditor(): void;
    enterView(): void;
    enterEdit(): void;
    handleEditESC: (event: React.KeyboardEvent) => void;
    handleViewMouseOver: (event: React.MouseEvent) => void;
    handleViewMouseOut: (event: React.MouseEvent) => void;
    handleViewClick: (event: React.MouseEvent) => void;
    handleEditBlur: () => void;
    handleEditButtonFocus: () => void;
    handleEditButtonBlur: () => void;
    handleEditButtonClick: () => void;
    ref: Element | null;
    handleContainerRef: (el: Element | null) => void;
    getContainerProps: GetContainerProps;
    getViewerProps: GetViewerProps;
    getEditorProps: GetEditorProps;
    getEditButtonProps: GetEditButtonProps;
    render(): import("react").ReactNode;
}
export default Editable;
export { Editable };
//# sourceMappingURL=index.d.ts.map