1 files changed, 30 insertions, 0 deletions
diff --git a/web/components/Spinner.vue b/web/components/Spinner.vue
new file mode 100644
index 0000000..a58f83d
--- /dev/null
+++ b/web/components/Spinner.vue
@@ -0,0 +1,30 @@
+<script setup lang="ts">
+import { Loader2Icon } from 'lucide-vue-next'
+
+const props = defineProps<{
+  color?: string
+  size?: number
+}>()
+
+</script>
+
+<template>
+  <Loader2Icon class="icon-loader" :color="color" :size="size" />
+</template>
+
+<style scoped>
+.icon-loader {
+  animation: spin 1s linear infinite;
+  color: var(--color-text);
+}
+
+@keyframes spin {
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+}
+</style>