<template>
  <header class="header">
    <nav>
      <NuxtLink v-for="item in navigationItems" :key="item.path" :to="item.path" class="nav-link">
        {{ item.name }}
      </NuxtLink>
    </nav>
    <div class="theme-toggle-container">
      <ThemeToggle :is-dark="$theme.isDark" :toggle-theme="$theme.toggleTheme" />
    </div>
  </header>
</template>

<script setup>
import { navigationItems } from '~/config/navigation'
const { $theme } = useNuxtApp();
</script>