import Link from "next/link";
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
import { LoginForm } from "./login-form";

export default function LoginPage() {
  return (
    <main className="container flex min-h-screen items-center justify-center py-8">
      <Card className="w-full max-w-md shadow-sm">
        <CardHeader>
          <CardTitle>Entrar no briefing</CardTitle>
          <p className="text-sm leading-6 text-muted-foreground">
            Acesse sua area para preencher ou acompanhar o briefing.
          </p>
        </CardHeader>
        <CardContent>
          <LoginForm />
          <div className="mt-6 flex items-center justify-between text-sm">
            <Link href="/recuperar-senha" className="text-primary underline-offset-4 hover:underline">
              Esqueci minha senha
            </Link>
            <Link href="/cadastro" className="text-primary underline-offset-4 hover:underline">
              Criar cadastro
            </Link>
          </div>
        </CardContent>
      </Card>
    </main>
  );
}