import { setRequestLocale } from 'next-intl/server';
import { Suspense } from 'react';
import { Card } from '@/components/ui/card';
import { Skeleton } from '@/components/ui/skeleton';
import { VerifyForm } from './verify-form';

export default async function VerifyPage({ params }: { params: Promise<{ locale: string }> }) {
  const { locale } = await params;
  setRequestLocale(locale);
  return (
    <Suspense
      fallback={
        <Card>
          <Skeleton name="profile-section" />
        </Card>
      }
    >
      <VerifyForm />
    </Suspense>
  );
}