Source: components/TopNav.jsx

import React from 'react'
import '../styles/components/topNav.scss'
import logo from '../assets/logo.svg'
import { NavLink } from 'react-router-dom'
/**
 * @returns {ReactElement}
 */
const TopNav = () => {
  return (
    <header className="topNav">
      <img src={logo} alt="logo" />
      <nav className="navigation">
        <ul>
          <NavLink className="accueil" to="/">
            Accueil
          </NavLink>
          <li>Profil</li>
          <li>Réglage</li>
          <li>Communauté</li>
        </ul>
      </nav>
    </header>
  )
}

export default TopNav