@props(['text' => null])

<div
    class="flex items-center justify-center w-full p-1 mx-auto font-semibold text-center uppercase rounded-md text-md animate-pulse">
    <x-fas-spinner class="p-2 text-orange-800 dark:text-orange-600 w-28 h-28 animate-spin" />
    <span class="sr-only">Loading...</span>
</div>