diff --git a/src/components/Modals.tsx b/src/components/Modals.tsx
new file mode 100644
index 0000000..badf713
--- /dev/null
+++ b/src/components/Modals.tsx
@@ -0,0 +1,14 @@
+export const SuccessModal = ({ message }) => {
+    return (
+        <div className="auth-success-msg">
+            <p>{message}</p>
+        </div>
+    )
+}
+export const ErrModal = ({ message }) => {
+    return (
+        <div className="auth-err-msg">
+            <p>{message}</p>
+        </div>
+    )
+}
\ No newline at end of file