'use client';

import { useSession } from 'next-auth/react';
import Link from 'next/link';

export const Header = () => {
  const session = useSession();
  console.log(session);
  return (
    <header className="flex justify-between items-center p-4">
      <h1 className="text-2xl font-bold">Hub</h1>
      <div>
        {session.status === 'authenticated' ? (
          <p>{session.data?.user.firstname}</p>
        ) : (
          <Link href="/login">
            <button className="btn">Login</button>
          </Link>
        )}
      </div>
    </header>
  );
};