import React from "react";
import { DragStart, DropResult } from "react-beautiful-dnd";
import { FormContext } from "./FormContext";
export declare const CONFIG_FORM_KEY: string;
interface IDesignPanelProperties {
    editContext: FormContext;
}
export declare class XFormAndLayoutDesignPanel extends React.Component<IDesignPanelProperties, any> {
    configFormNode: React.RefObject<HTMLDivElement>;
    componentDidMount(): void;
    componentWillUnmount(): void;
    handleClickOutside: (event: MouseEvent) => void;
    onToggleExpandedConfigPanel: () => void;
    onDragMovingConfigPanel: () => void;
    onEndMovingConfigPanel: () => void;
    deleteControl: () => void;
    cancelDeleteControl: () => void;
    render(): JSX.Element;
    renderEditUI(): JSX.Element | null;
    renderContextMenuUI(): JSX.Element | undefined;
    onDragStart(result: DragStart): void;
    onDragEnd(result: DropResult): void;
    updateUI(): void;
}
export {};
