import { ParkCard } from './ParkCard';
import { Park } from '@/types/database';

interface ParkGridViewProps {
  parks: Park[];
}

export function ParkGridView({ parks }: ParkGridViewProps) {
  return (
    <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5 gap-6">
      {parks.map((park) => (
        <ParkCard 
          key={park.id} 
          park={park} 
        />
      ))}
    </div>
  );
}