import { Suspense } from 'react';
import ChatsPageClient from './chats-client';

interface PageProps {
  params: {
    search_space_id: string;
  };
}

export default async function ChatsPage({ params }: PageProps) {
  // Get search space ID from the route parameter
  const { search_space_id: searchSpaceId } = await Promise.resolve(params);
  
  return (
    <Suspense fallback={<div className="flex items-center justify-center h-[60vh]">
      <div className="h-8 w-8 animate-spin rounded-full border-4 border-primary border-t-transparent"></div>
    </div>}>
      <ChatsPageClient searchSpaceId={searchSpaceId} />
    </Suspense>
  );
}