@props(['color' => 'gray'])
@php
$classes = [
	'gray' => 'bg-gray-100 text-gray-800',
	'yellow' => 'bg-yellow-100 text-yellow-800',
	'green' => 'bg-green-100 text-green-800',
	'red' => 'bg-red-100 text-red-800',
][$color] ?? 'bg-gray-100 text-gray-800';
@endphp
<span {{ $attributes->merge(['class' => 'rounded px-2 py-0.5 text-xs '.$classes]) }}>{{ $slot }}</span>