[PATCH v1 08/17] feat(components): add loading spinner component

[Muhammad Rizki <kiizuha@gnuweeb.org>]

Signed-off-by: Muhammad Rizki <kiizuha@gnuweeb.org>
---
 src/lib/components/customs/loading.svelte | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)
 create mode 100644 src/lib/components/customs/loading.svelte

diff --git a/src/lib/components/customs/loading.svelte b/src/lib/components/customs/loading.svelte
new file mode 100644
index 0000000..eb33a10
--- /dev/null
+++ b/src/lib/components/customs/loading.svelte
@@ -0,0 +1,21 @@
+<script lang="ts">
+  import { cn } from "$utils";
+  import type { SVGAttributes } from "svelte/elements";
+
+  let { class: className, ...restProps }: SVGAttributes<SVGElement> = $props();
+</script>
+
+<svg
+  class={cn("h-3 w-3 animate-spin text-white dark:text-black", className)}
+  xmlns="http://www.w3.org/2000/svg"
+  fill="none"
+  viewBox="0 0 24 24"
+  {...restProps}
+>
+  <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4" />
+  <path
+    class="opacity-75"
+    fill="currentColor"
+    d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+  />
+</svg>
-- 
Muhammad Rizki