Login.tsx

import { login } from '../lib/auth';

// The login function has the following signature:
// const login = async (email: string, password: string) => { ... }

export default function Login() {
  return (
    <div>
      <Heading>Please login</Heading>
      <input
        type='email'
        name='email'
        required={true}
        placeholder='Enter your email' />
      <input
        type='password'
        name='password'
        required={true}
        placeholder='****' />
      <button>Login</button>
    </div>
  )
}