@php
    \TallStackUi\Foundation\Exceptions\MissingLivewireException::throwIf($livewire, 'loading');
    $personalize = $classes();
@endphp

<div @if (!$delay)
         wire:loading
     @else
         wire:loading.delay{{ is_string($delay) && $delay !== "1" ? ".{$delay}" : "" }}
     @endif @if ($loading) wire:target="{{ $loading }}" @endif {{ $attributes }} @class([
        $configurations['zIndex'],
        $personalize['wrapper.first'],
        $personalize['blur'] => $configurations['blur'] === true,
        $personalize['opacity'] => $configurations['opacity'] === true,
    ]) x-ref="loading" x-data="tallstackui_loading()">
    <div @class($personalize['wrapper.second'])>
        @if (!$text && empty($slot->toHtml()))
            <x-tallstack-ui::icon.generic.loading @class($personalize['spinner']) />
        @else
            <div @class($personalize['text'])>
                {!! $text ?? $slot !!}
            </div>
        @endif
    </div>
</div>