@if (($languages ?? false) && count($languages) > 1)
    <div class="{{ $class ?? '' }} group relative flex items-baseline text-lg uppercase">
        @foreach ($languages as $l)
            @if ($l['active'])
                <span
                    class="button group/button lg:text-primary border-border text-accent inline-flex items-center justify-center gap-3 rounded-md border p-3 font-sans text-sm font-bold transition">{{ str_replace('-be', '', $l['language_code']) }}</span>
            @endif
        @endforeach
        <ul
            class="left-0 z-10 rounded-md py-3 max-lg:bottom-full max-lg:flex lg:absolute lg:top-full lg:hidden lg:bg-white lg:shadow lg:group-hover:block">
            @foreach ($languages as $l)
                <li class="{{ $l['active'] ? 'max-lg:hidden' : '' }}"><a
                        class="{{ $l['language_code'] }} {{ $l['active'] ? 'text-secondary' : '' }} lg:text-dark lg:hover:text-primary block px-3 py-1 text-sm text-white transition duration-300 hover:font-bold"
                        href="{{ $l['url'] }}">{{ str_replace('-be', '', $l['language_code']) }}</a></li>
            @endforeach
        </ul>
    </div>
@endif