"use client";

import { Suspense } from "react";
import ActivateContent from "./ActivateContent";
import { usePageTitle } from "@/hooks/usePageTitle";

export default function ActivatePage() {
  usePageTitle("Activation de compte");
  
  return (
    <Suspense fallback={
      <div className="min-h-screen flex items-center justify-center bg-gray-50">
        <div className="max-w-md w-full space-y-8">
          <div className="text-center">
            <h2 className="mt-6 text-3xl font-extrabold text-gray-900">
              Activation de votre compte
            </h2>
            <div className="mt-4">
              <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600 mx-auto"></div>
              <p className="mt-2 text-sm text-gray-600">Chargement...</p>
            </div>
          </div>
        </div>
      </div>
    }>
      <ActivateContent />
    </Suspense>
  );
}
