@props(['title' => '', 'variant' => 'neutral'])
@php
    $variants = [
        'neutral' => 'bg-black text-white',
        'ghost' => 'bg-gray-200 text-gray-800',
        'red' => 'bg-red-100 text-red-700',
        'green' => 'bg-green-100 text-green-700',
        'yellow' => 'bg-yellow-100 text-yellow-700',
    ];
@endphp
<span class="text-xs {{$variants[$variant]}} px-3 py-1 rounded-lg">
    <span class="font-bold">{{$title}}</span>
</span>