24 lines
632 B
JavaScript
24 lines
632 B
JavaScript
import React, { createContext, useContext, useState } from "react";
|
|
|
|
const ModalContext = createContext();
|
|
|
|
export const ModalProvider1 = ({ children }) => {
|
|
const [modalContent, setModalContent] = useState(null);
|
|
|
|
const openModal = (content) => setModalContent(content);
|
|
const closeModal = () => setModalContent(null);
|
|
|
|
return (
|
|
<ModalContext.Provider value={{ openModal, closeModal }}>
|
|
{children}
|
|
{modalContent && (
|
|
<div className="global-modal-wrapper">
|
|
{modalContent}
|
|
</div>
|
|
)}
|
|
</ModalContext.Provider>
|
|
);
|
|
};
|
|
|
|
export const useModal = () => useContext(ModalContext);
|