@props(['color' => 'blue', 'label' => 'Badge'])

<span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium
    @if($color === 'blue') bg-blue-100 text-blue-800
    @elseif($color === 'green') bg-green-100 text-green-800
    @elseif($color === 'yellow') bg-yellow-100 text-yellow-800
    @elseif($color === 'red') bg-red-100 text-red-800
    @elseif($color === 'gray') bg-gray-100 text-gray-800
    @endif">
    {{ $label }}
</span>