ux_ui_designer

1
import Header from "../Header/Header";
2
import "./main.scss";
3
import { useState } from "react";
4

5
const Main = () => {
6
  const [isOpen, setIsOpen] = useState(false);
7

8
  const toggleMenu = () => {
9
    setIsOpen(!isOpen);
10
  };
11
  return (
12
    <main className="main">
13
      <Header isOpen={isOpen} toggleMenu={toggleMenu} setIsOpen={setIsOpen} />
14
      <div className="main__content">
15
        <div className="main__title">Product</div>
16
        <div className="main__subtitle">designer</div>
17
        <div className="main__year">2023</div>
18
      </div>
19
    </main>
20
  );
21
};
22
export default Main;
23