@props(['media', 'class' => 'size-9', 'textClass' => 'text-sm'])

@if($media->logo_url)
<img
    class="rounded-full {{ $class }} shrink-0 object-contain border border-border bg-white p-0.5"
    src="{{ $media->logo_url }}"
    alt="{{ $media->name }}">
@else
<div class="rounded-full {{ $class }} shrink-0 flex items-center justify-center bg-primary/10 border border-border text-primary font-bold {{ $textClass }}">
    {{ strtoupper(substr($media->name, 0, 1)) }}
</div>
@endif