import Login from '@/components/login';
import Studs from '@/components/studs';
import { db, admins } from '@workspace/db';
import { auth, signIn, signOut } from '@/auth';

async function getStudents() {
  'use server';
  const s = await db.select().from(admins);
  console.log(s);
}

async function logIn() {
  'use server';
  await signIn('google');
}

async function logOut() {
  'use server';
  await signOut();
}

export default async function Page() {
  const session = await auth();
  return (
    <div className="flex items-center justify-center min-h-svh">
      <div className="flex flex-col items-center justify-center gap-4">
        <h1 className="text-2xl font-bold">Hello student {session?.user?.name}</h1>
        {!session?.user && <Login action={logIn} />}
        <Studs action={getStudents} logOut={logOut} />
      </div>
    </div>
  );
}