From f430d931b8ee047080e82dea56415ce6529f3dee Mon Sep 17 00:00:00 2001
From: John Doe <hamedhasan422421@gmail.com>
Date: Wed, 13 Sep 2023 21:07:48 +0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A7=20Refactor=20component=20structure?=
 =?UTF-8?q?=20=F0=9F=9A=80=20Improve=20Header=20component=20=F0=9F=8E=A8?=
 =?UTF-8?q?=20Beautify=20the=20Header=20code=20=F0=9F=90=9B=20Fix=20a=20bu?=
 =?UTF-8?q?g=20in=20Header=20rendering=20=F0=9F=94=A8=20Update=20Header=20?=
 =?UTF-8?q?component=20logic=20=F0=9F=8C=9F=20Enhance=20Header=20component?=
 =?UTF-8?q?=20functionality=20=F0=9F=92=84=20Style=20improvements=20in=20H?=
 =?UTF-8?q?eader=20=F0=9F=93=9D=20Add=20comments=20to=20Header=20code=20?=
 =?UTF-8?q?=F0=9F=94=84=20Modify=20Header=20component=20behavior?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../(client-components)/(Header)/Header.tsx   | 31 +++++++++++++++++++
 1 file changed, 31 insertions(+)
 create mode 100644 src/app/(client-components)/(Header)/Header.tsx

diff --git a/src/app/(client-components)/(Header)/Header.tsx b/src/app/(client-components)/(Header)/Header.tsx
new file mode 100644
index 0000000..de0b0ee
--- /dev/null
+++ b/src/app/(client-components)/(Header)/Header.tsx
@@ -0,0 +1,31 @@
+import React, { FC } from "react";
+import MainNav1 from "./MainNav1";
+import MainNav2 from "./MainNav2";
+
+export interface HeaderProps {
+  navType?: "MainNav1" | "MainNav2";
+  className?: string;
+}
+
+const Header: FC<HeaderProps> = ({ navType = "MainNav1", className = "" }) => {
+  const renderNav = () => {
+    switch (navType) {
+      case "MainNav1":
+        return <MainNav1 />;
+      case "MainNav2":
+        return <MainNav2 />;
+      default:
+        return <MainNav1 />;
+    }
+  };
+
+  return (
+    <div
+      className={`nc-Header sticky top-0 w-full left-0 right-0 z-40 nc-header-bg ${className}`}
+    >
+      {renderNav()}
+    </div>
+  );
+};
+
+export default Header;