@props(['nome' => null])

{{-- A filial como etiqueta, na cor fixa da loja (App\Visual\Cores): fundo
     claro e texto na mesma cor escurecida, que lê bem até no laranja de
     Concórdia. Sem filial, etiqueta neutra. --}}
@php
    $cor = $nome ? \App\Visual\Cores::de($nome) : null;
@endphp

<span {{ $attributes->class([
    'inline-flex items-center whitespace-nowrap rounded-sm px-1.5 py-px text-[0.6rem] leading-[0.875rem] font-semibold uppercase tracking-[0.05em]',
    'bg-slate-100 text-suave' => $cor === null,
]) }}
    @if ($cor) style="background: color-mix(in srgb, {{ $cor }} 12%, white); color: color-mix(in srgb, {{ $cor }} 75%, black); box-shadow: inset 0 0 0 1px color-mix(in srgb, {{ $cor }} 22%, transparent)" @endif
>{{ $nome ?? 'sem filial' }}</span>