From 8d3799ab0873660233b90a1ab71d019108ec7ba1 Mon Sep 17 00:00:00 2001
From: John Doe <hamedhasan422421@gmail.com>
Date: Sat, 9 Sep 2023 17:35:11 +0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=9B=A0=EF=B8=8F=20Refactor=20Navigation?=
 =?UTF-8?q?=20component=20=E2=9C=A8=20Improve=20code=20structure=20and=20r?=
 =?UTF-8?q?eadability=20=F0=9F=94=8D=20Utilize=20map=20function=20for=20re?=
 =?UTF-8?q?ndering=20items=20=F0=9F=93=A6=20Use=20ES6=20import=20for=20dat?=
 =?UTF-8?q?a=20source=20=F0=9F=9A=80=20Ready=20for=20better?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/shared/Navigation/Navigation.tsx | 15 +++++++++++++++
 1 file changed, 15 insertions(+)
 create mode 100644 src/shared/Navigation/Navigation.tsx

diff --git a/src/shared/Navigation/Navigation.tsx b/src/shared/Navigation/Navigation.tsx
new file mode 100644
index 0000000..219410a
--- /dev/null
+++ b/src/shared/Navigation/Navigation.tsx
@@ -0,0 +1,15 @@
+import React from "react";
+import NavigationItem from "./NavigationItem";
+import { NAVIGATION_DEMO } from "@/data/navigation";
+
+function Navigation() {
+  return (
+    <ul className="nc-Navigation hidden lg:flex lg:flex-wrap lg:space-x-1 relative">
+      {NAVIGATION_DEMO.map((item) => (
+        <NavigationItem key={item.id} menuItem={item} />
+      ))}
+    </ul>
+  );
+}
+
+export default Navigation;