import { ReactNode } from "react";
import { SerializedStyles } from "@emotion/react";
export interface FullScreenModalProps {
    /**
     * Whether to show modal by default
     */
    defaultVisible?: boolean;
    /**
     * Controllable whether to show modal
     */
    controlVisible?: boolean;
    /**
     * The HTML id of modal
     */
    id: string;
    /**
     * Modal content
     */
    children?: ReactNode;
    /**
     * Callback when modal will be closed
     */
    onCancel?: () => void;
    /**
     * Callback when click mask
     */
    onClick?: () => void;
    /**
     * Modal style
     */
    style?: SerializedStyles;
    /**
     * Mask style
     */
    rootStyle?: SerializedStyles;
    /**
     * Whether to show close button in the upper right corner
     */
    showCloseButton?: boolean;
    /**
     * Whether to close modal when click mask
     */
    clickOutsideToClose?: boolean;
    /**
     * Whether to hide the scrollbar of HTML body
     */
    hidden?: boolean;
    /**
     * Whether to create portal for modal
     */
    portal?: boolean;
    /**
     * The trigger element to show modal
     */
    trigger?: JSX.Element;
}
export declare function FullScreenModal({ children, defaultVisible, controlVisible, onCancel, onClick, style, rootStyle, id, showCloseButton, clickOutsideToClose, hidden, portal, trigger, }: FullScreenModalProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
