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

export default function RedefinirSenhaPage({
  searchParams
}: {
  searchParams: { token?: string };
}) {
  const token = searchParams.token ?? "";

  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>Redefinir senha</CardTitle>
          <p className="text-sm leading-6 text-muted-foreground">
            Crie uma nova senha para acessar o briefing.
          </p>
        </CardHeader>
        <CardContent>
          {token ? (
            <RedefinirSenhaForm token={token} />
          ) : (
            <p className="text-sm text-muted-foreground">Link de redefinicao invalido.</p>
          )}
          <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>
  );
}