import { Link } from 'react-router-dom';
import '../styles/navbar.css';

export default function Navbar() {
  return (
    <nav className="navbar">
      <Link to="/" className="navbar__logo">Biblio</Link>

      <ul className="navbar__links">
        <li><Link to="/">Accueil</Link></li>
        <li><Link to="/books">Catalogue</Link></li>
        <li><Link to="/orders">Commandes</Link></li>
        <li><Link to="/profile">Mon compte</Link></li>
      </ul>

      <div className="navbar__actions">
        <button className="btn-ghost">Connexion</button>
        <button className="btn-cta">S'inscrire</button>
      </div>
    </nav>
  );
}