import { NavLink } from "react-router-dom";
import styles from './Header.module.css'
import logo from '../../assets/images/Logo.jpg'

const Header = () =>{

    return(
        <nav className={styles.header}>
            <div className={styles.headerMenu}>
                <div className={styles.headeLogo}>
                    <img src={logo} alt="logo" className={styles.logoImage}/>
                    <div className={styles.phoneBlock}>
                        <a href="" className={styles.phoneBlock}>+7 905 010 58 40</a>
                    </div>
                </div>
                <div className={styles.headerNav}>
                <NavLink to="/" end >ГЛАВНАЯ</NavLink>
                <NavLink to="about" >O КОМПАНИИ</NavLink>
                <NavLink to="products" >ПРОДУКЦИЯ</NavLink>
                </div>
            </div>
        </nav>
    )
}

export default Header;