From b74e78f69875edc6629d21f5cd20225dd9a0c3ea Mon Sep 17 00:00:00 2001
From: Shivam Mishra <scm.mymail@gmail.com>
Date: Thu, 15 May 2025 16:10:27 +0530
Subject: [PATCH] feat: add spinner

---
 public/test-components.html | 42 ++++++++++++++++++++++++++++++++++---
 1 file changed, 39 insertions(+), 3 deletions(-)
diff --git a/public/test-components.html b/public/test-components.html
index e1f9be9ec..3987a8bd3 100644
--- a/public/test-components.html
+++ b/public/test-components.html
@@ -4,7 +4,6 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Web Components Test</title>
-    <link rel="stylesheet" href="/packs/style.css" />
     <script>
       window.__WOOT_ISOLATED_SHELL__ = true;
       window.__WOOT_ACCOUNT_ID__ = 1;
@@ -16,8 +15,45 @@
     </script>
   </head>
   <body>
-    <div id="app"></div>
-
+    <div id="app">
+      <div class="py-20 grid place-content-center">
+        <svg
+          width="40"
+          height="40"
+          viewBox="0 0 40 40"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <circle
+            cx="20"
+            cy="20"
+            r="18"
+            fill="none"
+            stroke="#ccc"
+            stroke-width="4"
+          />
+          <circle
+            cx="20"
+            cy="20"
+            r="18"
+            fill="none"
+            stroke="#333"
+            stroke-width="4"
+            stroke-dasharray="56.5487 56.5487"
+            stroke-dashoffset="0"
+          >
+            <animateTransform
+              attributeName="transform"
+              type="rotate"
+              from="0 20 20"
+              to="360 20 20"
+              dur="1s"
+              repeatCount="indefinite"
+            />
+          </circle>
+        </svg>
+      </div>
+    </div>
+    <link rel="stylesheet" href="/packs/style.css" />
     <script src="/packs/js/ui.js"></script>
   </body>
 </html>
