@props([
    'size' => 'md',
])

@php
    $sizes = [
        'sm' => 'h-4 w-4 border-2',
        'md' => 'h-6 w-6 border-2',
        'lg' => 'h-8 w-8 border-[3px]',
    ];
    $sizeClass = $sizes[$size] ?? $sizes['md'];
@endphp

<span
    role="status"
    aria-label="Loading"
    {{ $attributes->merge([
        'class' => "inline-block {$sizeClass} animate-spin rounded-full border-[var(--color-border)] border-t-[var(--color-primary)]",
    ]) }}
></span>