From d9b4619cdc91fbbb66c84ef330c66dbd0c99840a Mon Sep 17 00:00:00 2001
From: Aroy-Art <Aroy-Art@pm.me>
Date: Wed, 19 Feb 2025 22:32:13 +0100
Subject: [PATCH] Add: Spinner component

---
 frontend/src/components/Spinner.tsx | 13 +++++++++++++
 1 file changed, 13 insertions(+)
 create mode 100644 frontend/src/components/Spinner.tsx

diff --git a/frontend/src/components/Spinner.tsx b/frontend/src/components/Spinner.tsx
new file mode 100644
index 0000000..9a67f89
--- /dev/null
+++ b/frontend/src/components/Spinner.tsx
@@ -0,0 +1,13 @@
+const Spinner = ({ size = 'md' }) => {
+    const sizes = {
+        sm: 'h-8 w-8 border-t-2 border-t-pink-600 border-b-2 border-b-sky-400',
+        md: 'h-16 w-16 border-t-4 border-t-pink-600 border-b-4 border-b-sky-400',
+        lg: 'h-24 w-24 border-t-4 border-t-pink-600 border-b-4 border-b-sky-400',
+    };
+
+    return (
+        <div className={`animate-spin rounded-full ${sizes[size]}`}></div>
+    );
+};
+
+export default Spinner;