import { RegistrationList } from '@/components/registration-list';
import { Suspense } from 'react';

export default function RegistrationsPage() {
  return (
    <div className="min-h-screen bg-gray-50 py-8">
      <div className="max-w-4xl mx-auto px-4">
        <h1 className="text-3xl font-bold mb-8">My Registrations</h1>
        <Suspense fallback={<div>Loading...</div>}>
          <RegistrationList />
        </Suspense>
      </div>
    </div>
  );
}