@props(['name' => null, 'src' => null, 'size' => 2.25])

@if ($src)
    <img
        src="{{ $src }}"
        alt="{{ $name }}"
        {{ $attributes->merge(['class' => 'app-avatar rounded-circle flex-shrink-0']) }}
        style="width: {{ $size }}rem; height: {{ $size }}rem; object-fit: cover;"
    >
@else
    <span
        {{ $attributes->merge(['class' => 'app-avatar rounded-circle d-inline-flex align-items-center justify-content-center flex-shrink-0']) }}
        style="width: {{ $size }}rem; height: {{ $size }}rem;"
    >
        {{ mb_substr($name ?? '؟', 0, 1) }}
    </span>
@endif