first commit

app/components/Header/Logo.tsx

@@ -0,0 +1,7 @@
+"use client";
+
+export default function Logo() {
+    return (
+        <div>Logo</div>
+    );
+}

app/components/Header/Menu.tsx

@@ -0,0 +1,10 @@
+"use client";
+
+export default function Menu({name} : any) {
+    return (
+        <div>
+            {name}            
+            <div>Menu</div>
+        </div>
+    );
+}

app/components/Header/index.tsx

@@ -0,0 +1,17 @@
+"use client";
+
+import Logo from '@/components/Header/Logo';
+import Menu from '@/components/Header/Menu';
+
+
+
+export default function Header(props: any) {
+    return (
+        <header>
+            {props.name} {props.age} {props.isMan ? 'is a man' : 'is a woman'}
+            <Logo />
+            <div>Header item</div>
+            <Menu {...props} />
+        </header>
+    );
+}