@props(['size' => 'md', 'light' => false, 'stacked' => false])

@php
    $look = \App\Services\Appearance::all();
    $logo = \App\Services\Appearance::logoUrl($look);
    $name = \App\Services\Appearance::appName($look);
    $box = $size === 'lg' ? 'h-14 w-14 text-2xl rounded-xl' : 'h-9 w-9 text-base rounded-lg';
    $text = $size === 'lg' ? 'text-lg' : 'text-[15px]';
@endphp

<span {{ $attributes->class(['inline-flex items-center gap-3', 'flex-col !gap-2 text-center' => $stacked]) }}>
    @if ($logo)
        <img src="{{ $logo }}" alt="{{ $name }}" class="{{ $box }} object-contain bg-white/90 p-0.5 flex-shrink-0">
    @else
        <span class="{{ $box }} flex flex-shrink-0 items-center justify-center bg-indigo-600 font-extrabold" style="color: rgb(var(--on-accent))">{{ \Illuminate\Support\Str::upper(\Illuminate\Support\Str::substr($name, 0, 1)) }}</span>
    @endif
    <span class="min-w-0 font-extrabold leading-tight truncate {{ $text }}">{{ $name }}</span>
</span>