From 2c9043428cf294c3d95423c11d2023602c6555db Mon Sep 17 00:00:00 2001
From: njord <tk@tomaskrejci.com>
Date: Wed, 24 May 2023 21:02:12 +0200
Subject: [PATCH] day2

---
 src/App.js     |  7 ++++---
 src/Button.js  |  8 ++++++++
 src/Content.js |  1 +
 src/Menu.js    | 41 +++++++++++++++++++++++++++++++++++++++++
 4 files changed, 54 insertions(+), 3 deletions(-)
 create mode 100644 src/Button.js
 create mode 100644 src/Menu.js

diff --git a/src/App.js b/src/App.js
index 494f98a..c29cf63 100644
--- a/src/App.js
+++ b/src/App.js
@@ -3,13 +3,14 @@ import "./App.css";
 import Header from "./Header";
 import Content from "./Content";
 import Footer from "./Footer";
+import { Menu } from "./Menu";
+import { Button } from "./Button";
 
 function App() {
+  const menu = ["Uvod", "O nas", "Kontakt", "test"];
   return (
     <>
-      <Header />
-      <Content />
-      <Footer />
+      <Menu menu={menu} nadpis="ReactGirls" />
     </>
   );
 }
diff --git a/src/Button.js b/src/Button.js
new file mode 100644
index 0000000..6685962
--- /dev/null
+++ b/src/Button.js
@@ -0,0 +1,8 @@
+import React from "react";
+
+export const Button = ({ children, onClick }) => {
+  //   const handleClick = () => {
+  //     console.log("klikl jsi");
+  //   };
+  return <button onClick={onClick}>{children}</button>;
+};
diff --git a/src/Content.js b/src/Content.js
index 6cbd11c..ece75f6 100644
--- a/src/Content.js
+++ b/src/Content.js
@@ -1,4 +1,5 @@
 const Content = () => {
+  //JSX code
   return <div>Content 1</div>;
 };
 export default Content;
diff --git a/src/Menu.js b/src/Menu.js
new file mode 100644
index 0000000..b1d5c11
--- /dev/null
+++ b/src/Menu.js
@@ -0,0 +1,41 @@
+import React from "react";
+import { Button } from "./Button";
+
+export const Menu = (props) => {
+  const menu = props.menu;
+  const nadpis = props.nadpis;
+
+  // const {menu, nadpis} = props;
+
+  //const menu = ["Uvod", "O nas", "Kontakt"];
+  //const menu = [];
+  //   if (menu.length === 0) {
+  //     return <p>Menu je prazdne</p>;
+  //   }
+
+  const handleAddMenu = () => {
+    console.log("pridal jsi menu");
+  };
+
+  const handleDeleteMenu = () => {
+    console.log("smazal jsi menu");
+  };
+
+  return (
+    <nav>
+      <h1>{nadpis}</h1>
+      {menu.length === 0 ? (
+        <p>Menu je prazdne</p>
+      ) : (
+        <ul>
+          {menu.map((item) => (
+            <li key={item}>{item}</li>
+          ))}
+        </ul>
+      )}
+
+      <Button onClick={handleDeleteMenu}>Delete</Button>
+      <Button onClick={handleAddMenu}>Add</Button>
+    </nav>
+  );
+};