import React, { useState } from "react";

export function Menu() {
  const [open, setOpen] = useState(false);

  return (
    <div id="menu" onClick={() => { setOpen(!open) }}>
      <div id="bars">
        <div className="bar"></div>
        <div className="bar"></div>
        <div className="bar"></div>
      </div>
      {open && <div id="about">
        <p>זה הטקסט אודות האתר.</p>
        <p>את כל הקוד אפשר למצוא ב<a href="https://github.com/yuvadm/geshem.space">גיטהאב</a>.</p>
      </div>}
    </div>
  );
}