@props(['icon' => '', 'text' => '', 'message' => ''])

<div class="flex flex-col items-center justify-center w-full p-1 {{--border-2 border-gray-700--}} rounded-md ">
    <x-fas-spinner class="{{$icon}} motion-safe:animate-spin" />
    <div class="{{$text}} mt-2">
        {{$message}}
    </div>
</div>