import { Suspense } from 'react';

import { PasswordSetForm } from '@/components/portal/password-set-form';

export default function PortalActivatePage() {
  return (
    <Suspense
      fallback={
        <div
          role="status"
          aria-live="polite"
          className="min-h-screen flex items-center justify-center bg-gray-50 text-sm text-gray-500"
        >
          Loading…
        </div>
      }
    >
      <PasswordSetForm
        endpoint="/api/portal/auth/activate"
        title="Activate your account"
        description="Welcome - choose a password to finish setting up your client portal account."
        successTitle="Account activated"
        successDescription="You can now sign in with your new password."
        submitLabel="Activate account"
      />
    </Suspense>
  );
}
