<script setup lang="ts">
import { CartButton } from '~/src/features/cart'

function goToCatalogPage() {
  navigateTo({
    path: '/catalog',
  })
}
</script>

<template>
  <div class="py-8 flex gap-12 items-center w-full">
    <img
      src="../../../../public/favicon.ico"
      alt="svg"
    >
    <div class="flex gap-5 w-full">
      <UButton size="xl" icon="heroicons-bars-3" @click="goToCatalogPage">
        Каталог
      </UButton>
      <UInputMenu placeholder="Поиск по каталогу" size="xl" class="w-full" leading-icon="heroicons-magnifying-glass" />
      <CartButton />
    </div>
  </div>
</template>
