@props(['color' => 'gray'])

@php
$colors = [
    'gray' => 'bg-gray-700 text-gray-300',
    'red' => 'bg-red-900/50 text-red-300 border border-red-800',
    'blue' => 'bg-blue-900/50 text-blue-300 border border-blue-800',
    'green' => 'bg-green-900/50 text-green-300 border border-green-800',
    'yellow' => 'bg-yellow-900/50 text-yellow-300 border border-yellow-800',
    'neon' => 'bg-[#ccff00]/10 text-[#ccff00] border border-[#ccff00]/50',
];
$classes = $colors[$color] ?? $colors['gray'];
@endphp

<span class="{{ $classes }} text-xs font-medium me-2 px-2.5 py-0.5 rounded border">
    {{ $slot }}
</span>