"use client";

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

export const Header = () => {
	const session = useSession();
	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>
	);
};
