import { Suspense } from 'react';
import { InfluencerRegistrationsList } from '@/modules/marketplace-admin/influencer-registrations/InfluencerRegistrationsList';

export default function InfluencerRegistrationsPage() {
  return (
    <div className="container mx-auto py-6 max-w-7xl space-y-4">
      <div>
        <h1 className="text-2xl font-semibold">Influencer Registrations</h1>
        <p className="text-sm text-muted-foreground">
          Review influencer self-registration requests. Connect the Sanad notification
          WhatsApp below, then approve a request to create the account and send the login
          credentials to the influencer&apos;s WhatsApp number.
        </p>
      </div>
      <Suspense fallback={<div>Loading…</div>}>
        <InfluencerRegistrationsList />
      </Suspense>
    </div>
  );
}