@props(['white' => false, 'height' => 40])

<div class="flex items-center gap-2.5 shrink-0">
    <svg width="{{ $height }}" height="{{ $height }}" viewBox="0 0 44 44" fill="none">
        <circle cx="22" cy="22" r="22" fill="{{ $white ? 'rgba(255,255,255,0.12)' : '#FEF2F2' }}"/>
        <polygon points="22,8 36,16 22,24 8,16" fill="#ED1C24"/>
        <rect x="34" y="16" width="2.5" height="9" fill="#ED1C24"/>
        <ellipse cx="35.25" cy="26.5" rx="3.5" ry="1.8" fill="#ED1C24"/>
        <rect x="19" y="24" width="6" height="8" rx="1" fill="#ED1C24"/>
        <rect x="17" y="31" width="10" height="2" rx="1" fill="#991B1B"/>
    </svg>
    <div>
        <div class="text-base font-black leading-none tracking-[0.05em] {{ $white ? 'text-white' : 'text-[#ED1C24]' }}">SMART</div>
        <div class="text-[9px] font-semibold tracking-[0.22em] {{ $white ? 'text-white/70' : 'text-gray-800' }}">ACADEMY</div>
    </div>
</div>
