import React from "react";
import logoImage from "../../assets/img/logoTest.svg";
import { menu } from "./menu";
import styles from "./Header.module.scss";
import { Link } from "react-router-dom";
const Header = () => {
return (
<div className={styles.header}>
<div className={styles.logo}>
<img src={logoImage} alt="logo_eth" height="60" />
</div>
<div className={styles.wrapper}>
<ul className={styles.menu}>
{menu.map((item, idx) => (
<li key={menu.idx}>
<Link to={item.link}>{item.title}</Link>
</li>
))}
</ul>
<div className={styles.buttons}>
<button className={styles.loginButton}>
<Link to="/login" style={{ textDecoration: "none" }}>
Login
</Link>
</button>
<button className={styles.signupButton}>
<Link to="/signup" style={{ textDecoration: "none" }}>
Sign up
</Link>
</button>
</div>
</div>
</div>
);
};
export default Header;