<template>
    <div class="hidden lg:block lg:max-w-md lg:flex-auto">
        <button
            type="button"
            class="hidden h-8 w-full items-center gap-2 rounded-full bg-white pl-2 pr-3 text-sm text-zinc-500 ring-1 ring-zinc-900/10 transition hover:ring-zinc-900/20 dark:bg-white/5 dark:text-zinc-400 dark:ring-inset dark:ring-white/10 dark:hover:ring-white/20 lg:flex focus:[&:not(:focus-visible)]:outline-none">
                <IconsSearch class="h-5 w-5 stroke-current"/>
                Find Something...
        </button>
    </div>
</template>

<script setup>

/**
 * Need to integrate with Algolia!!
 */
</script>