1import 'bootstrap/dist/css/bootstrap.css';
2import React from 'react';
3import './index.css';
4import Logo from "../../public/img/Logo.png"
5import * as ReactDOM from "react-dom";
6import { Popup } from "@progress/kendo-react-popup";
7
8
9const Header = () =>{
10
11 const anchor = React.useRef(null);
12 const [show, setShow] = React.useState(false);
13 React.useEffect(() => {
14 setShow(true);
15 }, []);
16
17 const onClick = () => {
18 setShow(!show);
19 };
20
21
22 return(
23 <nav class="navbar navbar-expand-lg navbar-light bg-light">
24
25 <button className="k-button" onClick={onClick} ref={anchor}>
26 {show ? "Hide" : "Show"}
27 </button>
28
29
30 <Popup anchor={anchor.current} show={show} popupClass={"popup-content"}>
31 Popup content.
32 </Popup>
33 </nav>
34)};
35export default Header;
36