<script setup lang="ts">
import type { NavigationMenuItem } from '../NavigationMenu';
import { Logo } from '@/shared/icons';
import { NavigationMenu } from '../NavigationMenu';

const items = [
  { name: 'Главная', path: '/' },
  { name: 'Блог', path: '/blog' },
] satisfies NavigationMenuItem[];
</script>

<template>
  <header class="p-4 dark bg-background text-foreground">
    <div class="mx-auto container flex space-x-18">
      <Logo class="h-6" aria-label="Логотип" />
      <NavigationMenu :items class="hidden lg:block" />
    </div>
  </header>
</template>
