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

<div {{ $attributes->merge(['class' => 'flex items-center gap-3']) }}>
    <div class="flex h-10 w-10 items-center justify-center rounded-xl bg-brand-500 text-white shadow-theme-xs">
        <svg class="h-5 w-5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M4 7.5L12 3l8 4.5v8.5L12 21l-8-5V7.5Z" stroke="currentColor" stroke-width="1.6" stroke-linejoin="round" />
            <path d="M8 11.5h8M8 14.5h8" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" />
        </svg>
    </div>
    @if (!$compact)
        <div class="leading-tight">
            <div class="text-base font-semibold text-gray-900 dark:text-white">Escolar</div>
            <div class="text-xs text-gray-500 dark:text-gray-400">Gestão Educacional</div>
        </div>
    @endif
</div>