Navbar.js

Navbar.js

export default function Navbar() {
  const { user } = useUser();
  return (
    <nav className={styles.nav}>
      <Link href="/">Navbar</Link>
      <div>
        <button>
          {user ? (
            <a href="/api/auth/logout">Logout</a>
          ) : (
            <a href="/api/auth/login">Login</a>
          )}
        </button>
      </div>
    </nav>
  );
}