From 045b908bca07dd3b0dbc76d6bef9d3662bd4b482 Mon Sep 17 00:00:00 2001
From: John Doe <hamedhasan422421@gmail.com>
Date: Sat, 9 Sep 2023 17:16:25 +0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=9B=A0=EF=B8=8F=20Refactor=20Nav=20compon?=
 =?UTF-8?q?ent=20=F0=9F=91=B7=E2=80=8D=E2=99=82=EF=B8=8F=20Simplify=20prop?=
 =?UTF-8?q?s=20handling=20=F0=9F=A7=B9=20Clean=20up=20code=20formatting=20?=
 =?UTF-8?q?=F0=9F=93=A6=20Export=20Nav=20component=20as=20default=20?=
 =?UTF-8?q?=F0=9F=9A=80=20Ready=20for=20further=20development?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/src/shared/Nav.tsx b/src/shared/Nav.tsx
new file mode 100644
index 0000000..b2da59b
--- /dev/null
+++ b/src/shared/Nav.tsx
@@ -0,0 +1,21 @@
+import React, { FC } from "react";
+
+export interface NavProps {
+  containerClassName?: string;
+  className?: string;
+  children?: React.ReactNode;
+}
+
+const Nav: FC<NavProps> = ({
+  containerClassName = "",
+  className = "",
+  children,
+}) => {
+  return (
+    <nav className={`nc-Nav ${containerClassName}`} data-nc-id="Nav">
+      <ul className={`flex  ${className}`}>{children}</ul>
+    </nav>
+  );
+};
+
+export default Nav;