text: import NavLinks from "./NavLinks";
  import classes from "./Header.module.css";
  import {HiMenu} from 'react-icons/hi';
  import {IoMdClose} from 'react-icons/io';
  import { useState } from "react";
  
  const MobileNavigation = () => {
      const [open, setOpen] = useState(false)
  
      const hamburgerIcon = <HiMenu className={classes.hamburger} size='40px' color='white' onClick={() => { setOpen(!open) }} />;
      const closeIcon = <IoMdClose className={classes.hamburger} size='40px' color='white' onClick={() => { setOpen(!open) }} />;
  
      const closeMobileMenu = () => {
          setOpen(false);
      }
  
      return (
          <nav className={classes.mobileNavigation}>
              {open ? closeIcon : hamburgerIcon}
              {open && <NavLinks isMobile={true} closeMobileMenu={closeMobileMenu} />}
          </nav>
      );
  }
  
  export default MobileNavigation;