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;