import { useSession, signIn, signOut } from "next-auth/react";
import styles from "../styles/Components.module.css";

export async function getServerSideProps(context) {
  return {
    props: {
      borderInfo,
    },
  };
}

export default function UserInfo(borderInfo) {
  const { data: session } = useSession();
  return (
    <p className={styles.description}>
      {session ? `Signed in as ${session.user.name}` : "Not signed in"}
      <br />
      {session ? (
        <button onClick={() => signOut()}>Sign Out</button>
      ) : (
        <button onClick={() => signIn()}>Sign In</button>
      )}
    </p>
  );
}