@props([
    'holder' => '—',
    'allocatedAt' => null,
])

@if($holder && $holder !== '—')
    <div class="inline-flex flex-col gap-1 rounded-lg bg-amber-50 border border-amber-200 px-3 py-2">
        <span class="inline-flex items-center gap-1 text-xs font-semibold text-amber-800">
            <i class="fa-solid fa-user-clock"></i>
            {{ $holder }}
        </span>
        @if($allocatedAt)
            <span class="text-[11px] text-amber-700">Alocado em {{ $allocatedAt }}</span>
        @endif
    </div>
@else
    <span class="text-gray-500">—</span>
@endif