{{-- loading --}}
<div wire:loading class="fixed top-0 bottom-0 left-0 z-50 w-full h-full ">
    <div class="fixed top-0 bottom-0 left-0 w-full h-full bg-black opacity-75"></div>
    <div class="fixed top-0 bottom-0 left-0 flex items-center justify-center w-full h-full">
        <x-heroicon-o-refresh class="w-12 h-12 text-gray-200 animate-spin" />
    </div>
</div>