<script setup lang="ts">
import spinnerUrl from '@/assets/DKU_spinner.svg'

defineProps<{
  size?: 'sm' | 'md' | 'lg' | 'xl'
}>()

const sizeClasses = {
  sm: 'w-3 h-3',   // 12px
  md: 'w-4 h-4',   // 16px
  lg: 'w-6 h-6',   // 24px
  xl: 'w-8 h-8',   // 32px
}
</script>

<template>
  <img
    :src="spinnerUrl"
    alt="Loading"
    class="animate-spin"
    :class="sizeClasses[size || 'md']"
  />
</template>
