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

@php
    $iniciales = collect(explode(' ', trim($name)))
        ->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',
    };
@endphp

<span {{ $attributes->merge(['class' => "inline-flex shrink-0 items-center justify-center rounded-full bg-cck-100 font-semibold text-cck-700 {$sizeClasses}"]) }} title="{{ $name }}">
    {{ $iniciales }}
</span>