text: import React from "react"
  
  import { useClickOutside } from "../../utils/useClickOutside"
  import Burger from "./Menu/Burger"
  import Menu from "./Menu/Menu"
  
  const Navbar = () => {
    const [open, setOpen] = React.useState(false)
    const node = React.useRef()
  
    useClickOutside(node, () => setOpen(false))
  
    return (
      <div ref={node}>
        <Burger open={open} setOpen={setOpen} />
        <Menu open={open} setOpen={setOpen} />
      </div>
    )
  }
  
  export default Navbar
  