import {NavLink} from "react-router-dom";
import style from './Style/NavBar.modules.css'

const NavBar = (props) => {
    return (
            <nav className={style.nav}>
                <div className={style.item}>
                    <NavLink to="/profile">My profile</NavLink>
                </div>
                <div className={style.item}>
                    <NavLink to="/posts">Posts</NavLink>
                </div>
                <div className={style.item}>
                    <NavLink to="/dialogs">Dialogs</NavLink>
                </div>
                <div className={style.item}>
                    <NavLink to="/users">Friends</NavLink>
                </div>
            </nav>
    )
}

export default NavBar