import { getCsrfToken } from 'next-auth/react';
import useCsrfToken from '@/hooks/useCsrfToken';
import DjangoCSRFToken from '@/components/DjangoCSRFToken'

export default function SignIn({ csrfToken }) {

  const csrfToken = useCsrfToken();
  return (
    <form method="post" action="/api/auth/callback/credentials">
      <DjangoCSRFToken csrfToken={csrfToken} />
      <label>
        Email
        <input name="email" type="email" />
      </label>
      <label>
        Password
        <input name="password" type="password" />
      </label>
      <button type="submit">Sign in</button>
    </form>
  );
}