@props(['class' => '', 'withBackground' => true])

@if ($appSettings?->light_logo_path || $appSettings?->dark_logo_path)
    <div {{ $attributes->merge(['class' => "relative {$class} aspect-[2.265/1] overflow-hidden rounded-xl".($withBackground ? ' bg-[#29A76A]' : '')]) }}>
        <img src="{{ asset('storage/'.($appSettings?->light_logo_path ?: $appSettings?->dark_logo_path)) }}" alt="{{ $appSettings?->company_name ?? config('app.name') }}" class="h-full w-full object-contain {{ $withBackground ? 'px-2 py-1.5' : '' }} dark:hidden">
        <img src="{{ asset('storage/'.($appSettings?->dark_logo_path ?: $appSettings?->light_logo_path)) }}" alt="{{ $appSettings?->company_name ?? config('app.name') }}" class="hidden h-full w-full object-contain {{ $withBackground ? 'px-2 py-1.5' : '' }} dark:block">
    </div>
@else
    <div {{ $attributes->merge(['class' => "{$class} aspect-[2.265/1] overflow-hidden rounded-xl".($withBackground ? ' bg-[#29A76A]' : '')]) }}>
        <svg viewBox="0 0 120 53" class="h-full w-full {{ $withBackground ? 'px-3 py-2 text-white' : 'text-[#29A76A]' }}" xmlns="http://www.w3.org/2000/svg">
            @if ($withBackground)
                <rect width="120" height="53" rx="10" fill="currentColor" opacity="0.14"/>
            @endif
            <path d="M27.96 36V16.83h12.23c3.28 0 5.73.54 7.34 1.63 1.62 1.08 2.43 2.82 2.43 5.2 0 1.39-.34 2.59-1.03 3.6-.67 1-1.66 1.77-2.97 2.3 1.54.28 2.77 1.03 3.69 2.23.92 1.19 1.38 2.66 1.38 4.42 0 2.43-.78 4.28-2.34 5.54-1.54 1.23-3.85 1.86-6.92 1.88H27.96Zm5.66-11.16v6.62h4.17c1.15 0 2.04-.27 2.67-.82.63-.56.94-1.31.94-2.27 0-2.13-1.1-3.22-3.3-3.26h-4.48Zm0-3.98h3.66c2.49-.05 3.73-1.04 3.73-2.97 0-1.08-.31-1.85-.94-2.32-.61-.48-1.58-.72-2.92-.72h-3.53v6.01Z" fill="currentColor"/>
            <path d="M58.92 36V16.83h5.69l8.36 13.46 8.33-13.46H87V36h-5.69v-9.95l.57-6.41-8.8 16.36h-2.94l-8.77-16.33.57 6.38V36h-3.02Z" fill="currentColor"/>
        </svg>
    </div>
@endif