aboutsummaryrefslogtreecommitdiffstats
path: root/components/Spinner.vue
blob: a58f83dfc89c583a0d10453ff60ba26ea4a0c850 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
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>