@gluestack-ui/modal/lib/index.jsx

A universal headless modal component for React Native, Next.js & React

import { default as ModalMain } from './Modal';
import ModalContent from './ModalContent';
import ModalBody from './ModalBody';
import ModalCloseButton from './ModalCloseButton';
import ModalFooter from './ModalFooter';
import ModalHeader from './ModalHeader';
import ModalBackdrop from './ModalBackdrop';
export { ModalContext } from './Context';
export const createModal = ({ Root, Content, CloseButton, Header, Footer, Body, Backdrop, AnimatePresence, }) => {
    const Modal = ModalMain(Root);
    Modal.Content = ModalContent(Content, AnimatePresence);
    Modal.CloseButton = ModalCloseButton(CloseButton);
    Modal.Header = ModalHeader(Header);
    Modal.Footer = ModalFooter(Footer);
    Modal.Body = ModalBody(Body);
    Modal.Backdrop = ModalBackdrop(Backdrop, AnimatePresence);
    Modal.displayName = 'Modal';
    Modal.Content.displayName = 'Modal.Content';
    Modal.CloseButton.displayName = 'Modal.CloseButton';
    Modal.Header.displayName = 'Modal.Header';
    Modal.Footer.displayName = 'Modal.Footer';
    Modal.Body.displayName = 'Modal.Body';
    Modal.Backdrop.displayName = 'Modal.Backdrop';
    return Modal;
};