import type { Metadata } from "next";
import { MortgageWidget } from "@/components/mortgage-widget";
export const metadata: Metadata = { title: "Financement et budget", description: "Calculateur hypothécaire québécois : mise de fonds, prime d'assurance prêt, versements, test de résistance, droits de mutation et coût mensuel total." };
export default async function Financement({ searchParams }: { searchParams: Promise<{ prix?: string; ville?: string }> }) {
  const sp = await searchParams; const price = Number(sp.prix) || 500000;
  return (
    <div className="mx-auto max-w-6xl px-4 py-8">
      <h1 className="text-3xl md:text-4xl font-extrabold tracking-tight">Financement</h1>
      <p className="mt-1 text-ink-2 max-w-2xl">Toutes les hypothèses sont éditables. Aucun taux n'est importé automatiquement : saisissez celui proposé par votre prêteur. Les règles (mise de fonds minimale, assurance prêt, test de résistance) sont celles en vigueur au Canada en 2026.</p>
      <div className="mt-6"><MortgageWidget price={price} city={sp.ville} /></div>
    </div>
  );
}