import { Metadata } from 'next';
import { openGraphMetadata } from '@/app/_helpers/shared_metadata';
import Link from 'next/link';
import styles from './page.module.scss';
import { LoginForm } from '@/app/_helpers/auth';

export const metadata: Metadata = {
    title: 'Login',
    openGraph: {
        ...openGraphMetadata,
        title: 'Login',
        url: 'https://quiztimes.nl/login',
    },
};

export default function Page() {
    return (
        <main className={styles.main}>
            <div className={styles.content}>
                <h1>Welcome back!</h1>
                <LoginForm />
                <p>
                    Don&apos;t have an account?{' '}
                    <Link href="register">Sign up</Link>
                </p>
            </div>
        </main>
    );
}