@props(['user' => auth()->user()])

@if($user)
  <div class="flex flex-wrap gap-1">
    @forelse($user->getRoleNames() as $r)
      <span class="inline-flex items-center rounded-full bg-indigo-50 text-indigo-700 border border-indigo-100 px-2 py-0.5 text-xs">
        {{ $r }}
      </span>
    @empty
      <span class="text-xs text-gray-400">sin rol</span>
    @endforelse
  </div>
@endif