import React, { type HTMLProps, type MouseEventHandler, type PropsWithChildren, type ReactNode } from "react";
import { type ModalId } from "./UiModalContext";
type Props = PropsWithChildren<HTMLProps<HTMLDivElement> & {
    modalId: ModalId;
    closeButton?: (closeModal: MouseEventHandler) => ReactNode;
    onClose?: () => void;
    className?: string;
    closeByBgClick?: boolean;
    renderAsPageOnMobile?: boolean;
    wrClassName?: string;
    disableClose?: boolean;
    closeOnClickOutside?: boolean;
    clickOutsideRefs?: React.RefObject<HTMLElement | null>[];
}>;
export declare function UiModal({ modalId, children, closeButton, className, onClose, closeByBgClick, renderAsPageOnMobile, wrClassName, disableClose, closeOnClickOutside, clickOutsideRefs, ...otherProps }: Props): React.JSX.Element | null;
export {};