import React, { Component } from 'react';
import type { CommonComponentProps, MarginModifierProp, ModifierClassProp } from '../types';
import type { GetRef } from '../utils/refs';
import noop from '../utils/noop';
interface EditingContainerProps extends CommonComponentProps, MarginModifierProp, ModifierClassProp {
children?: React.ReactNode;
edit: React.ReactNode;
getRef?: GetRef;
id?: string;
isEditing?: boolean;
label?: string;
onClick?: (event: React.MouseEvent | React.KeyboardEvent) => void;
onTransitionEnd?: (isEditing: boolean) => void;
view: React.ReactNode;
}
/**
* The `` will animate between the `edit` and `view` content
* when the `isEditing` prop changes. If an `onClick` handler is provided,
* it renders with a hover state to indicate that it is clickable. Note
* that it will only call the handler when `isEditing` is false.
*/
export declare class EditingContainer extends Component {
static defaultProps: {
isEditing: boolean;
onTransitionEnd: typeof noop;
};
_element: HTMLDivElement;
constructor(props: EditingContainerProps);
handleClick(event: React.MouseEvent | React.KeyboardEvent): void;
handleKeyDown(event: React.KeyboardEvent): void;
handleTransitionEnd(): void;
render(): React.JSX.Element;
}
export {};