<script setup>
defineProps({ size: { type: String, default: 'md' } })
</script>

<template>
  <div
    :class="[
      'rounded-full border-gray-200 animate-spin',
      size === 'sm' && 'h-5 w-5 border-2',
      size === 'md' && 'h-8 w-8 border-[3px]',
      size === 'lg' && 'h-12 w-12 border-4',
    ]"
    style="border-top-color: #1a56db;"
  />
</template>
