From 4e901a7728321b1d5e5b639a51c2c25548506bf5 Mon Sep 17 00:00:00 2001
From: ppc <albie@ppc.moe>
Date: Wed, 7 Aug 2024 20:01:06 +0100
Subject: [PATCH] abstract loading indicator

---
 aimenet-web/components/loading-indicator.tsx | 11 +++++++++++
 1 file changed, 11 insertions(+)
 create mode 100644 aimenet-web/components/loading-indicator.tsx

diff --git a/aimenet-web/components/loading-indicator.tsx b/aimenet-web/components/loading-indicator.tsx
new file mode 100644
index 0000000..1cb4b02
--- /dev/null
+++ b/aimenet-web/components/loading-indicator.tsx
@@ -0,0 +1,11 @@
+import {Loader} from "lucide-react";
+import React from "react";
+
+export function LoadingIndicator() {
+    return (
+        <div className="flex gap-2 justify-center items-center text-gray-500 pt-5">
+            <Loader className="h-8 w-8"/>
+            <span className="text-center">Loading...</span>
+        </div>
+    );
+}
\ No newline at end of file