pdf-quiz-generator/frontend/src/components/Navbar.jsx

import { Link } from 'react-router-dom'
import { useAuth } from '../context/AuthContext'

export default function Navbar() {
  const { user, logout } = useAuth()
  const isModerator = user?.role === 'admin' || user?.role === 'moderator'

  return (
    <div className="navbar">
      <div className="container">
        <Link to="/" className="logo">🩺 PedQuiz</Link>
        {user && (
          <nav>
            <Link to="/">Dashboard</Link>
            <Link to="/quizzes">Quizzes</Link>
            {isModerator && <Link to="/upload">Upload PDF</Link>}
            <Link to="/settings" title="Settings">⚙ Settings</Link>
            <button onClick={logout}>Logout</button>
          </nav>
        )}
      </div>
    </div>
  )
}