@props(['user', 'size' => 'size-9'])
{{-- User photo, or coloured initials when none is uploaded. --}}
@if ($user?->avatar)
    <img src="{{ $user->avatar_url }}" alt="" class="{{ $size }} shrink-0 rounded-full object-cover" loading="lazy">
@else
    <span class="{{ $size }} flex shrink-0 items-center justify-center rounded-full bg-gray-200 text-xs font-semibold text-gray-600 dark:bg-gray-700 dark:text-gray-300">
        {{ mb_strtoupper(mb_substr($user?->name ?: '?', 0, 1)) }}
    </span>
@endif