@props([
    'src' => null,
    'name' => 'User',
    'size' => 'md',
    'alt' => null,
])

@php
    $initials = collect(explode(' ', $name))
        ->map(fn ($part) => strtoupper(substr($part, 0, 1)))
        ->take(2)
        ->implode('');
@endphp

<div {{ $attributes->merge(['class' => 'bv-avatar bv-avatar--' . $size]) }}>
    @if($src)
        <img src="{{ $src }}" alt="{{ $alt ?? $name }}">
    @else
        <span aria-hidden="true">{{ $initials }}</span>
    @endif
</div>