@props([
    'color' => 'green'])
<span class="inline-flex items-center rounded-md bg-{{$color}}-50 bordder-{{$color}}-700 px-2 py-1 text-xs font-medium text-{{$color}}-700 border border-{{$color}}-600 uppercase">{{ $slot }} </span>