@props(['light' => false])
<a href="{{ route('home') }}" class="group inline-flex items-center gap-2.5">
    <span class="relative grid place-items-center">
        <svg width="34" height="38" viewBox="0 0 34 38" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
            <path d="M17 3.5 32 10.2 17 17 2 10.2 17 3.5Z" fill="{{ $light ? '#ffffff' : '#d21f3c' }}"/>
            <path d="M6 13.4v7.1c0 .9.5 1.7 1.3 2.1L15.7 27c.8.4 1.8.4 2.6 0l8.4-4.4c.8-.4 1.3-1.2 1.3-2.1v-7.1L18 18.4a2.2 2.2 0 0 1-2 0L6 13.4Z" fill="{{ $light ? '#ffffff' : '#b01020' }}" opacity="0.85"/>
            <circle cx="17" cy="33.5" r="2.6" fill="{{ $light ? '#ffffff' : '#d21f3c' }}"/>
        </svg>
    </span>
    <span class="flex flex-col leading-none">
        <span class="text-lg font-bold tracking-[0.14em] {{ $light ? 'text-white' : 'text-ink' }}">SHAR<span class="text-brand-600">AUSSIE</span></span>
        <span class="mt-0.5 text-[10px] font-medium uppercase tracking-[0.22em] {{ $light ? 'text-white/70' : 'text-slate-400' }}">Education &amp; Migration</span>
    </span>
</a>
