{{-- Выпадающие подсказки по разделам. Работает внутри формы с x-data="searchSuggest()". --}}
<div x-show="open && items.length" x-cloak x-transition.opacity
     class="absolute left-0 right-0 top-full z-50 mt-2 overflow-hidden rounded-2xl border border-gray-200 bg-white py-1 shadow-xl">
    <div class="px-3 py-1.5 text-[11px] font-semibold uppercase tracking-wide text-gray-400">Разделы</div>
    <template x-for="it in items" :key="it.url">
        <a :href="it.url" class="block px-3 py-2 hover:bg-gray-50">
            <span class="block truncate text-sm font-medium text-ink" x-text="it.name"></span>
            <span x-show="it.path" class="block truncate text-xs text-muted" x-text="it.path"></span>
        </a>
    </template>
</div>