import { useState } from 'react';
import hamburgerIcon from '../assets/icons/hamburger.svg';

function NavBarMain({ handleMenuToggle }) {  // Receive handleMenuToggle as a prop
  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;