@props([
    'user' => null,
    'size' => 'sm',
    'subtitle' => null,
    'nameClass' => 'font-medium text-slate-800 truncate',
    'nameFormat' => 'nombre-apellido',
])

@php
    $user = $user ?? auth()->user();
    $displayName = match ($nameFormat) {
        'apellido-nombre' => $user?->nombreApellido() ?? $user?->name ?? '—',
        default => $user?->nombreCompleto() ?? $user?->name ?? '—',
    };
    $gaps = [
        'xs' => 'gap-1.5',
        'sm' => 'gap-1.5',
        'md' => 'gap-2',
        'lg' => 'gap-2',
        'xl' => 'gap-2.5',
    ];
    $gap = $gaps[$size] ?? $gaps['sm'];
@endphp

<div {{ $attributes->merge(['class' => "inline-flex items-center $gap min-w-0 max-w-full"]) }}>
    @if($user)
        <x-avatar :user="$user" :size="$size" class="shrink-0" />
    @endif
    <div class="min-w-0 leading-tight">
        <span @class([$nameClass, 'block truncate leading-snug'])>{{ $slot->isEmpty() ? $displayName : $slot }}</span>
        @if($subtitle)
            <span class="block text-xs text-slate-500 truncate leading-snug">{{ $subtitle }}</span>
        @endif
    </div>
</div>