import React, { ReactElement, ReactNode } from "react";
export interface ModalPopupComponentProps {
    children?: ReactNode;
    /** Header of modal. Any react element */
    header?: React.ReactNode;
    /** Footer of modal. Any react element */
    footer?: React.ReactNode;
    /** Size of modal. Default is "normal" */
    size?: "large" | "full" | "normal" | "small" | "x-large";
    /** True to show close 'x' at top right */
    showCloseX?: boolean;
    /** callback function to be called when close is requested */
    onClose?: () => void;
    width?: number;
    /** True to vertically center the modal */
    verticallyCentered?: boolean;
}
export default class ModalPopupComponent extends React.Component<ModalPopupComponentProps> {
    modalNode: HTMLDivElement;
    /** Render something into a top-level div */
    static show: (modalFunc: (close: () => void) => ReactElement, onClose?: () => void) => void;
    constructor(props: ModalPopupComponentProps);
    componentWillUnmount(): void;
    render(): import("react/jsx-runtime").JSX.Element;
}
export interface InnerModalComponentProps {
    children?: ReactNode;
    /** Header of modal. Any react element */
    header?: any;
    /** Footer of modal. Any react element */
    footer?: any;
    /** "large" for large, "full" for full-width */
    size?: "large" | "full" | "normal" | "small" | "x-large";
    /** True to show close 'x' at top right */
    showCloseX?: boolean;
    /** callback function to be called when close is requested */
    onClose?: any;
    width?: number;
    /** True to vertically center the modal */
    verticallyCentered?: boolean;
}