import { SignInForm } from "@/components/sign-in-form"
import { SignedOutShell } from "@/components/signed-out-shell"

/**
 * The first screen four hundred people will see. Signing in is by employee
 * code, decided on 3 August; the reasoning sits in `components/sign-in-form.tsx`.
 *
 * The wordmark is the heading. A heading reading "Sign in" above a button
 * reading "Sign in" says the same thing twice, and the screen already shows
 * what it is for.
 *
 * Static. Nothing authenticates.
 */

export const metadata = {
  title: "Sign in, เข้าสู่ระบบ",
}

export default function Page() {
  return (
    <SignedOutShell brandAs="h1">
      <SignInForm />
    </SignedOutShell>
  )
}