@props([
    'variant' => 'dark',   // 'dark' = sur fond clair, 'light' = sur fond sombre
    'imgClass' => 'h-12 w-auto',
])

@php
    $logo = config('site.logo');
    $logo = $logo && file_exists(public_path($logo)) ? $logo : null;
@endphp

<a href="{{ route('home') }}" {{ $attributes->merge(['class' => 'flex shrink-0 items-center gap-3']) }}>
    @if ($logo)
        <img src="{{ asset($logo) }}" alt="{{ config('site.logo_alt') }}"
             class="{{ $imgClass }}" fetchpriority="high" decoding="async">
    @else
        {{-- Aucun fichier déposé dans public/images : logo typographique de repli --}}
        <span class="flex h-11 w-11 items-center justify-center bg-brand text-brand-deep">
            <x-icon name="box" class="h-6 w-6" stroke-width="2" />
        </span>
        <span @class([
            'text-2xl font-black uppercase leading-none tracking-tight',
            'text-ink-dark' => $variant === 'dark',
            'text-white' => $variant === 'light',
        ])>
            Box<span class="{{ $variant === 'dark' ? 'text-brand-dark' : 'text-brand' }}">137</span>
        </span>
    @endif
</a>