@props(['situacao'])

@php
    $config = match((int) $situacao) {
        1 => ['label' => 'Aberto', 'class' => 'bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-300'],
        2 => ['label' => 'Em andamento', 'class' => 'bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-300'],
        3 => ['label' => 'Fechado', 'class' => 'bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-300'],
        default => ['label' => 'Desconhecido', 'class' => 'bg-gray-100 text-gray-800 dark:bg-gray-900 dark:text-gray-300'],
    };
@endphp

<span {{ $attributes->merge(['class' => "text-xs font-medium px-2.5 py-0.5 rounded {$config['class']}"]) }} style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
    {{ $config['label'] }}
</span>