files

src/components/modals/ModalWrapper.jsx

@@ -0,0 +1,15 @@
+
+export default function ModalWrapper({children, maxWidth}) {
+  return (
+    <div className="bg-gray-900/40 overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-[999] flex flex-col justify-center items-center w-full md:inset-0 h-[calc(100%)] max-h-full">
+        <div className={`pop-modal relative p-4 w-full ${maxWidth ? maxWidth : 'max-w-2xl'} max-h-full`}>
+            {/* <!-- Modal content --> */}
+            <div className="pb-4">
+              {children}
+            </div>
+        </div>
+    </div>
+  )
+}
+
+// id="default-modal" tabIndex={-1} aria-hidden="true"