@props(['size' => 'md'])
@php($box = $size === 'lg' ? 'size-10 gap-1' : 'size-7 gap-[3px]')
<span {{ $attributes->merge(['class' => 'inline-flex items-center gap-2.5']) }}>
    <span class="grid {{ $box }} shrink-0 grid-cols-2" aria-hidden="true">
        <span class="rounded-[4px] bg-indigo-600"></span>
        <span class="rounded-[4px] bg-indigo-300"></span>
        <span class="rounded-[4px] bg-indigo-300"></span>
        <span class="rounded-[4px] bg-indigo-600"></span>
    </span>
    <span class="{{ $size === 'lg' ? 'text-2xl' : 'text-lg' }} font-semibold tracking-tight text-slate-900">{{ config('microapps.name') }}</span>
</span>