'use client';

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

export default function Home() {
  const { data: session, update } = useSession();
  useEffect(() => {
    update();
  }, []);
  return (
    <div>
      <h1 className="text-5xl">Hub</h1>
      {!session && <h2 className="text-error text-xl">Not signed in</h2>}
      {session?.user?.firstname && <h1>Hi, {session?.user?.firstname}</h1>}
      <Link href="/logout">
        <button className="btn">Logout</button>
      </Link>
    </div>
  );
}