ux_ui_designer

1
import logo from "../../assets/images/Logo.svg";
2
import { SOCIALS } from "../../utils/SOCIALS";
3
import "./header.scss";
4
import BurgerMenu from "../Burger/Burger";
5
const Header = ({ isOpen, toggleMenu, setIsOpen }) => {
6
  return (
7
    <header className="header">
8
      <a href="/" className="header__logo">
9
        Марк <img className="header__img" src={logo} alt="logo" /> Игнатьев
10
      </a>
11
      <BurgerMenu
12
        isOpen={isOpen}
13
        toggleMenu={toggleMenu}
14
        setIsOpen={setIsOpen}
15
      />
16
      <nav className="header__nav">
17
        <ul className="header__list">
18
          {SOCIALS.map((social) => (
19
            <li className="header__item" key={social}>
20
              <a className="header__link" href={social}>
21
                {social}
22
              </a>
23
            </li>
24
          ))}
25
        </ul>
26
      </nav>
27
    </header>
28
  );
29
};
30
export default Header;
31