33 lines
979 B
TypeScript

import React from 'react'
import { cookies } from 'next/headers'
import LoginForm from './LoginForm'
import LanguageSelector from '@/components/LanguageSelector'
async function getMessages() {
const cookieStore = await cookies()
const lang = cookieStore.get('NEXT_LOCALE')?.value || 'de'
const messages = await import(`@/messages/${lang}.json`)
return messages.default
}
export default async function LoginPage() {
const messages = await getMessages()
return (
<div className="min-h-screen flex items-center justify-center bg-gray-50 py-12 px-4 sm:px-6 lg:px-8">
<div className="max-w-md w-full space-y-8">
<div className="absolute top-4 right-4">
<LanguageSelector />
</div>
<div>
<h2 className="mt-6 text-center text-3xl font-extrabold text-gray-900">
{messages.login.title}
</h2>
</div>
<LoginForm messages={messages} />
</div>
</div>
)
}