détail d'une session de l'edt en cours

front_end/src/components/Modal.tsx

@@ -0,0 +1,34 @@
+import {useEffect } from "react"
+
+type ModalProps = {
+  isOpen: boolean
+  onClose: () => void
+  children: React.ReactNode
+}
+
+export function Modal({ isOpen, onClose, children }: ModalProps) {
+
+
+
+    if (!isOpen) return null
+
+    return (
+        <div
+        style={{
+            position: "fixed",
+            inset: 0,
+            backgroundColor: "rgba(0,0,0,0.25)",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            zIndex: 1000,
+        }}
+        onClick={onClose}
+        >
+        <div className="modal" onClick={(e) => e.stopPropagation()}
+        >
+            {children}
+        </div>
+        </div>
+    )
+}