@props([
    'color' => 'gray',
    'label' => null,
])

@php
    $background = \Modules\Helpdesk\Support\Color::css($color);
    $foreground = \Modules\Helpdesk\Support\Color::text($color);
@endphp

<span
    {{ $attributes->class('inline-flex items-center rounded-full px-2.5 py-1 text-xs font-semibold shadow-sm ring-1 ring-zinc-900/10') }}
    style="background-color: {{ $background }}; color: {{ $foreground }};"
>
    {{ $label ?? $slot }}
</span>