@props([
    'color' => 'zinc',  // green, red, yellow, blue, orange, purple, zinc
    'label',
])

@php
    $colors = [
        'green'  => 'bg-green-100 text-green-700',
        'red'    => 'bg-red-100 text-red-700',
        'yellow' => 'bg-yellow-100 text-yellow-700',
        'blue'   => 'bg-blue-100 text-blue-700',
        'orange' => 'bg-orange-100 text-orange-700',
        'purple' => 'bg-purple-100 text-purple-700',
        'zinc'   => 'bg-zinc-100 text-zinc-500',
    ];
    $cls = $colors[$color] ?? $colors['zinc'];
@endphp

<span class="inline-block rounded-full px-2 py-0.5 text-xs font-medium {{ $cls }}">
    {{ $label }}
</span>