import NextAuth from "next-auth"
import DiscordProvider from "next-auth/providers/discord";
const scopes = ['identify']

export const authOptions = {
  providers: [
    DiscordProvider({
      clientId: "",
      clientSecret: "",
      authorization: {
        params: { scope: scopes.join(' ') }
      },
    
    })
  ],
  secret: process.env.NEXTAUTH_SECRET
}

const handler = NextAuth(authOptions)
export { handler as GET, handler as POST }

'use client'

import { useSession, signIn, signOut } from "next-auth/react"
import Button from "@mui/material/Button/Button"

export default function LoginButton() {
    const { data: session } = useSession()

    if (session) {
        return (<>
            <Button key={"login-button"} sx={{ color: '#fff' }} onClick={() => signIn()}>
                Logout
            </Button>
        </>)
    } else {
        return (<>
            <Button key={"login-button"} sx={{ color: '#fff' }} onClick={() => signOut()}>
                Login
            </Button>
        </>)
    }
}