<div class="flex items-center gap-3 rounded-lg border border-dashed p-3">
    @if (filled($url ?? null))
        <img src="{{ $url }}" alt="Current logo" class="h-12 w-12 rounded-md border object-contain bg-white" />
    @else
        <div class="flex h-12 w-12 shrink-0 items-center justify-center rounded-md border bg-gray-50 text-[10px] text-gray-400 dark:bg-gray-800">
            No logo
        </div>
    @endif

    <div class="text-xs text-gray-500 dark:text-gray-400">
        @if (filled($url ?? null))
            Current logo. Upload a new image below to replace it.
        @else
            No logo uploaded yet — the default app logo is shown to this tenant.
        @endif
    </div>
</div>
