@props([
'icon' => 'h-12 w-12 text-emerald-700 dark:text-emerald-300',
'text' => 'text-emerald-600 dark:text-emerald-400 text-3xl font-semibold uppercase',
'message' => 'loading', 'animation' => 'animate-spin'
])


<div class="flex flex-col items-center justify-center w-full p-1 mt-4 ">

    <x-fas-biohazard class="{{$icon}} animate-spin" />
    <div class="{{$text}} mt-6 animate-wiggle ">
        {{$message}}
    </div>
</div>