import * as React from 'react';
declare type Props = {
    /** Should the popup be visible or not? */
    open: boolean;
    resizable?: boolean;
    className?: string;
    /**
     * Element which to append the draggable container. Defaults to
     * `document.body`.
     */
    parentSelector?: () => Element;
    /**
     * Element to use to constrain dragging. If set, the popup can only be
     * dragged within the returned Element.
     */
    containerSelector?: () => Element;
    /** Should the popup be draggable? */
    draggable?: boolean;
    /**
     * Set the element to use as a drag handle. This should be a descendent of the
     * content root element. Only used if `draggable` is `true`.
     */
    dragHandleSelector?: () => Element;
    /** Content of popup */
    children: React.ReactElement<any>;
};
/**
 * Popup window
 *
 * @example
 * ```
 * class App extends React.Component {
 *   render() {
 *     return (
 *       <div>
 *         <button type="button" onClick={() => this.setState({ open: true })>
 *           Open popup
 *         </button>
 *         <Popup
 *           open={this.state.open}
 *           draggable
 *         >
 *           <div>
 *            <h1>
 *              Some title
 *              <div className="buttons">
 *                <button type="button" onClick={() => this.setState({ open: false })}>
 *                  <Icon fa="close"/>
 *                </button>
 *              </div>
 *            </h1>
 *            <div>Some content</div>
 *           </div>
 *         </Popup>
 *       </div>
 *     );
 *   }
 * }
 * ```
 */
declare class Popup extends React.Component<Props> {
    static defaultProps: {
        draggable: boolean;
    };
    containerNode?: HTMLElement;
    popupNode: Element | null;
    componentDidMount(): void;
    componentDidUpdate(): void;
    componentWillUnmount(): void;
    _callJqueryWithProps(): void;
    render(): React.ReactPortal | null;
}
export default Popup;
//# sourceMappingURL=Popup.d.ts.map