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

export default function RecuperarSenhaPage() {
  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>Recuperar senha</CardTitle>
          <p className="text-sm leading-6 text-muted-foreground">
            Informe seu e-mail para receber as instrucoes de redefinicao.
          </p>
        </CardHeader>
        <CardContent>
          <RecuperarSenhaForm />
          <p className="mt-6 text-center text-sm text-muted-foreground">
            <Link href="/login" className="text-primary underline-offset-4 hover:underline">
              Voltar para o login
            </Link>
          </p>
        </CardContent>
      </Card>
    </main>
  );
}