migrate to typescript

1 files changed, 25 insertions, 0 deletions

diff --git a/components/modal.tsx b/components/modal.tsx
new file mode 100644
index 0000000..6865560
--- /dev/null
+++ b/components/modal.tsx
@@ -0,0 +1,25 @@
+type ModalProps = {
+  open: boolean;
+  onClose: () => void;
+  children: React.ReactNode;
+};
+
+export default function Modal({ open, onClose, children }: ModalProps) {
+  return (
+    <div
+      onClick={onClose}
+      className={`fixed z-[999] inset-0 flex justify-center items-center transition-colors ${
+        open ? "visible bg-black bg-opacity-50 backdrop-blur-sm" : "invisible"
+      }`}
+    >
+      <div
+        onClick={(e) => e.stopPropagation()}
+        className={`shadow rounded-xl transition-all ${
+          open ? "scale-100 opacity-100" : "scale-75 opacity-0"
+        }`}
+      >
+        {children}
+      </div>
+    </div>
+  );
+}