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 (
<>
-
-
-
+
>
);
}
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 ;
+};
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 Content 1
;
};
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 Menu je prazdne
;
+ // }
+
+ const handleAddMenu = () => {
+ console.log("pridal jsi menu");
+ };
+
+ const handleDeleteMenu = () => {
+ console.log("smazal jsi menu");
+ };
+
+ return (
+
+ );
+};