@props(['items', 'isMarcas'])
<a class="flex group items-center justify-between px-5 mt-2
        rounded-md text-xl" :class="open ? 'bg-midnightblue-100 text-white' : ''" href="#" x-data="{open: false, init: false}" x-effect="open = mobileOpen ? open : false" @click.prevent="open = true">
    {{ $slot }}
    <img :class="open ? 'hidden' : ''" src="{{ asset('images/seta-direita-azul.svg') }}"/>
    <img :class="open ? '' : 'hidden'" src="{{ asset('images/seta-direita-branca.svg') }}"/>

    <template x-teleport="body">
        <x-mobile.submenu x-cloak x-transition="" x-show="open" />
    </template>
</a>