import Link from "next/link";
import { verifyEmail } from "@/lib/api/auth";

export default async function VerifyEmailPage({
  searchParams,
}: {
  searchParams: Promise<{ id?: string; expires?: string; signature?: string }>;
}) {
  const { id, expires, signature } = await searchParams;

  const result =
    id && expires && signature
      ? await verifyEmail({ id, expires, signature })
      : { success: false, message: "The verification link is incomplete." };

  return (
    <div className="mx-auto max-w-md px-6 py-16 text-center">
      <h1 className="text-2xl font-semibold">Email Verification</h1>
      <p className={`mt-4 text-sm ${result.success ? "text-green-600" : "text-red-600"}`}>
        {result.message}
      </p>
      <Link
        href="/dashboard"
        className="mt-8 inline-block rounded-full bg-kolabora-primary px-6 py-2.5 font-medium text-kolabora-neutral-white hover:opacity-90"
      >
        Go to Dashboard
      </Link>
    </div>
  );
}