From 70b605eb3aaf2dfbe654ddc6d1e4cbfcc5149357 Mon Sep 17 00:00:00 2001
From: robonen <robonenandrew@gmail.com>
Date: Fri, 13 Jun 2025 00:11:11 +0700
Subject: [PATCH] feat(ui): add NavigationMenu component with types and
 structure

---
 src/widgets/NavigationMenu/NavigationMenu.vue | 29 +++++++++++++++++++
 src/widgets/NavigationMenu/index.ts           |  2 ++
 src/widgets/NavigationMenu/types.ts           |  6 ++++
 3 files changed, 37 insertions(+)
 create mode 100644 src/widgets/NavigationMenu/NavigationMenu.vue
 create mode 100644 src/widgets/NavigationMenu/index.ts
 create mode 100644 src/widgets/NavigationMenu/types.ts

diff --git a/src/widgets/NavigationMenu/NavigationMenu.vue b/src/widgets/NavigationMenu/NavigationMenu.vue
new file mode 100644
index 0000000..26cddaf
--- /dev/null
+++ b/src/widgets/NavigationMenu/NavigationMenu.vue
@@ -0,0 +1,29 @@
+<script lang="ts">
+import type { NavigationMenuItem } from './types';
+
+export interface NavigationMenuProps {
+  items: NavigationMenuItem[];
+}
+</script>
+
+<script setup lang="ts">
+import { RouterLink } from 'vue-router';
+
+const { items } = defineProps<NavigationMenuProps>();
+</script>
+
+<template>
+  <ul class="flex items-center space-x-4">
+    <li v-for="item in items" :key="item.name">
+      <slot :item>
+        <RouterLink
+          class="p-2 rounded-md text-sm font-semibold transition-colors"
+          active-class="text-primary bg-primary/10"
+          :to="item.path"
+        >
+          {{ item.name }}
+        </RouterLink>
+      </slot>
+    </li>
+  </ul>
+</template>
diff --git a/src/widgets/NavigationMenu/index.ts b/src/widgets/NavigationMenu/index.ts
new file mode 100644
index 0000000..bf2132e
--- /dev/null
+++ b/src/widgets/NavigationMenu/index.ts
@@ -0,0 +1,2 @@
+export * from './types';
+export { default as NavigationMenu } from './NavigationMenu.vue';
\ No newline at end of file
diff --git a/src/widgets/NavigationMenu/types.ts b/src/widgets/NavigationMenu/types.ts
new file mode 100644
index 0000000..49c86c5
--- /dev/null
+++ b/src/widgets/NavigationMenu/types.ts
@@ -0,0 +1,6 @@
+import type { RouteLocationRaw } from 'vue-router';
+
+export interface NavigationMenuItem {
+  name: string;
+  path: RouteLocationRaw;
+}