@props([
    'size' => 'md',
    'tone' => 'primary',
    'label' => 'Loading…',
])

@php
    $sizeClass = match($size) {
        'sm' => 'spinner-border-sm',
        'lg' => 'spinner-border-lg',
        default => '',
    };
    $toneClass = 'text-' . $tone;
@endphp

<span {{ $attributes->merge(['class' => 'spinner-border ' . $sizeClass . ' ' . $toneClass, 'role' => 'status']) }}>
    <span class="visually-hidden">{{ $label }}</span>
</span>