import type { Metadata } from 'next'
import Link from 'next/link'
import { de } from '@/lib/i18n/de'

export const metadata: Metadata = { title: de.auth.error.title }

export default async function SignInErrorPage({
  searchParams,
}: {
  searchParams: Promise<{ grund?: string }>
}) {
  const { grund } = await searchParams
  const reason = (grund ? de.auth.reasons[grund] : undefined) ?? de.auth.error

  return (
    <main id="inhalt" className="mx-auto max-w-(--container-measure) px-6 py-16">
      <h1 className="font-condensed">{reason.title}</h1>
      <p className="mt-2 text-text-dim">{reason.body}</p>
      <p className="mt-6">
        <Link href="/anmelden">{de.auth.backToSignIn}</Link>
      </p>
    </main>
  )
}