@props(['company', 'size' => 'md'])

@php
    $iniciales = collect(explode(' ', trim($company->nombre)))
        ->filter()
        ->map(fn ($parte) => mb_strtoupper(mb_substr($parte, 0, 1)))
        ->take(2)
        ->implode('');

    $sizeClasses = match ($size) {
        'xs' => 'h-6 w-6 text-[10px]',
        'sm' => 'h-7 w-7 text-xs',
        'lg' => 'h-11 w-11 text-base',
        default => 'h-9 w-9 text-sm',
    };

    $logoUrl = $company->logoUrl();
@endphp

@if ($logoUrl)
    {{-- rounded-lg (no rounded-full): un círculo recortaría los bordes de logos
    rectangulares/wordmarks. object-contain conserva el aspect ratio completo,
    sin estirar ni recortar nada del logo original. --}}
    <img src="{{ $logoUrl }}" alt="{{ $company->nombre }}" title="{{ $company->nombre }}"
         style="box-shadow: {{ $company->sombraAcento() }}"
         {{ $attributes->merge(['class' => "inline-flex shrink-0 overflow-hidden rounded-lg bg-white object-contain p-1 {$sizeClasses}"]) }}>
@else
    <span style="background-color: {{ $company->colorAcento() }}; color: {{ $company->colorTexto() }}; box-shadow: {{ $company->sombraAcento() }}"
          {{ $attributes->merge(['class' => "inline-flex shrink-0 items-center justify-center rounded-full font-semibold {$sizeClasses}"]) }}
          title="{{ $company->nombre }}">
        {{ $iniciales }}
    </span>
@endif