import { Suspense } from 'react';
import { Globe } from 'lucide-react';
import { LoadingStateWithBorder } from '@/components/layout/loading';
import { ZonePageClient } from './page-client';

export async function generateStaticParams() {
  return [{ zoneId: '1' }];
}

export default async function ZonePage() {
  return (
    <Suspense
      fallback={
        <div className='py-6 px-1'>
          <LoadingStateWithBorder
            icon={Globe}
            description='加载 Zone 详情中...'
          />
        </div>
      }
    >
      <ZonePageClient />
    </Suspense>
  );
}