import { KeyboardEvent, MouseEvent, ReactNode } from "react";
import { Props } from "react-modal";
export declare type ModalProps = {
    /**
     * Determines if the modal is visible or not.
     */
    open?: boolean;
    onClose?: (event: MouseEvent | KeyboardEvent) => void;
    /**
     * React Modal's accessibility string.
     */
    contentLabel?: string;
    children?: ReactNode;
    /**
     * The element that should be used as root for the
     * React portal used to display the modal. See
     * http://reactcommunity.org/react-modal/accessibility/#app-element
     */
    appElement?: string | HTMLElement;
} & Partial<Omit<Props, "appElement">>;
export declare const TRANSITION_DURATION = 200;
/**
 * Wrapper component for ReactModal. Uses the Card component
 * to wrap content passed as the children prop. Don't forget to set
 * the aria prop when using this.
 * http://reactcommunity.org/react-modal/accessibility/#aria
 */
export declare const Modal: ({ open, onClose, contentLabel, appElement, children, ...props }: ModalProps) => import("@emotion/react/jsx-runtime").JSX.Element;