@gluestack-ui/core
Version:
Universal UI components for React Native, Expo, and Next.js
26 lines • 1.17 kB
JSX
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;
};
//# sourceMappingURL=index.jsx.map