@props([
    'sidebar' => false,
])

@if ($sidebar)
    <flux:sidebar.brand name="{{ $site->name }}" class="truncate" {{ $attributes }}>
        <x-slot name="logo"
            class="flex justify-center items-center rounded-md size-8 aspect-square {{ $site->logo ? 'bg-transparent' : '' }} text-accent-foreground">
            @if($site->logo)
                <img src="{{ $site->logo }}" alt="{{ $site->name }} Logo" class="w-auto">
            @else
                {{-- <x-app-logo-icon class="fill-current size-5 text-white dark:text-black" /> --}}
                <img src="{{ asset('images/logo.png') }}" alt="{{ $site->name }} Logo" class="w-auto">
            @endif
        </x-slot>
    </flux:sidebar.brand>
@else
    <flux:brand name="{{ $site->name }}" {{ $attributes }}>
        <x-slot name="logo"
            class="flex justify-center items-center rounded-md size-8 aspect-square {{ $site->logo ? 'bg-transparent' : '' }} text-accent-foreground">
            @if($site->logo)
                <img src="{{ $site->logo }}" alt="{{ $site->logo }} Logo" class="w-auto">
            @else
                {{-- <x-app-logo-icon class="fill-current size-5 text-white dark:text-black" /> --}}
                <img src="{{ asset('images/logo.png') }}" alt="{{ $site->name }} Logo" class="w-auto">
            @endif
        </x-slot>
    </flux:brand>
@endif