@props(['role'])

@php
$classes = match (\App\Enums\RoleName::tryFrom($role ?? '')) {
    \App\Enums\RoleName::Superadmin => 'bg-brand-600 text-white ring-brand-600',
    \App\Enums\RoleName::Admin => 'bg-slate-200 text-slate-800 ring-slate-300',
    \App\Enums\RoleName::Employee => 'bg-gray-100 text-gray-700 ring-gray-200',
    default => $role ? 'bg-sky-50 text-sky-700 ring-sky-200' : 'bg-gray-100 text-gray-500 ring-gray-200',
};
@endphp

<span {{ $attributes->merge(['class' => 'inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium ring-1 '.$classes]) }}>
    {{ $role ? \App\Enums\RoleName::labelFor($role) : __('No role') }}
</span>