import { jobs } from '@/lib/jobs';
import CareersDetailClient from './CareersDetailsClient';

export default async function JobDetailPage({ 
  params 
}: { 
  params: Promise<{ id: string }> 
}) {
  const { id } = await params;
  const jobData = jobs.find((job) => job.id.toString() === id);
  
  if (!jobData) {
    return (
      <div className="min-h-screen flex items-center justify-center">
        <div className="text-center">
          <h1 className="text-4xl font-bold text-gray-800">404</h1>
          <p className="text-gray-600 mt-2">Job not found</p>
        </div>
      </div>
    );
  }

  return <CareersDetailClient jobData={jobData} />;
}