23 lines
712 B
JavaScript
23 lines
712 B
JavaScript
import { useState } from "react";
|
|
import hamburgerIcon from "../assets/icons/hamburger.svg";
|
|
|
|
function NavBarMain({ setIsMenuOpen }) {
|
|
const handleMenuToggle = () => {
|
|
setIsMenuOpen((prevState) => !prevState); // Toggle the menu state
|
|
};
|
|
|
|
return (
|
|
<div className="flex flex-row w-full h-full bg-white/1">
|
|
<button className="w-24 p-4" onClick={handleMenuToggle}>
|
|
<img src={hamburgerIcon} alt="Menu" className="w-full h-full cursor-pointer" />
|
|
</button>
|
|
<p className="grow text-white md:text-2xl font-bold text-center flex items-center justify-center p-4">
|
|
CDRM-Project
|
|
</p>
|
|
<div className="w-24 p-4"></div>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default NavBarMain;
|