import { Suspense } from "react";
import { setRequestLocale } from "next-intl/server";
import { VerifyEmailContent } from "@/components/auth/verify-email-content";

interface VerifyEmailPageProps {
  params: Promise<{ locale: string }>;
}

export default async function VerifyEmailPage({ params }: VerifyEmailPageProps) {
  const { locale } = await params;
  setRequestLocale(locale);

  return (
    <div className="mx-auto flex min-h-[calc(100vh-8rem)] max-w-6xl items-center justify-center px-4 py-12 sm:px-6">
      <Suspense>
        <VerifyEmailContent />
      </Suspense>
    </div>
  );
}
