From 3683d4a7598da2be8c1fa58588aec637bba59354 Mon Sep 17 00:00:00 2001
From: Prathamesh Gursal <prathmeshgursal3110@gmail.com>
Date: Tue, 1 Oct 2024 23:07:44 +0530
Subject: [PATCH] loader component is created

---
 frontend/src/utils/loader.tsx | 15 +++++++++++++++
 1 file changed, 15 insertions(+)
 create mode 100644 frontend/src/utils/loader.tsx

diff --git a/frontend/src/utils/loader.tsx b/frontend/src/utils/loader.tsx
new file mode 100644
index 00000000..29e7c34e
--- /dev/null
+++ b/frontend/src/utils/loader.tsx
@@ -0,0 +1,15 @@
+import React from 'react';
+
+const Loader: React.FC = () => {
+  return (
+    <div className="flex justify-center items-center min-h-screen bg-gray-900">
+      <div className="relative w-20 h-20">
+        <div className="absolute top-0 left-0 w-16 h-16 border-t-4 border-blue-500 rounded-full animate-spin"></div>
+        <div className="absolute top-0 left-0 w-16 h-16 border-t-4 border-pink-500 rounded-full animate-spin delay-150"></div>
+        <div className="absolute top-0 left-0 w-16 h-16 border-t-4 border-green-500 rounded-full animate-spin delay-300"></div>
+      </div>
+    </div>
+  );
+};
+
+export default Loader;