@props(['loadingText' => 'Loading...'])

<div wire:loading.flex class="w-full justify-center p-8 items-center" wire:target="{{ $attributes->wire('target')->value() ?? '*' }}">
    <div class="flex flex-col items-center space-y-2">
        <div class="animate-spin rounded-full h-8 w-8 border-b-2 border-gray-800 dark:border-white"></div>
        <span class="text-gray-700 dark:text-gray-300 text-sm">{{ $loadingText }}</span>
    </div>
</div>