<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="isDark":toggle-theme="toggleTheme"/>
    </div>
  </header>
</template>

<script setup>
import { navigationItems } from '~/config/navigation'
const props = defineProps({'isDark': {type: Boolean, default: true},'toggleTheme': {type: Function}});
</script>