import { Party } from '@/lib/db/parties';
import PartyCard from './PartyCard';

interface PartiesGridProps {
  parties: Party[];
}

const PartiesGrid = ({ parties }: PartiesGridProps) => {
  return (
    <div className="max-w-7xl mx-auto px-3 sm:px-4 lg:px-8 py-8 sm:py-12 md:py-16">
      <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-6 md:gap-8">
        {parties.map((party) => (
          <PartyCard key={party.id} party={party} />
        ))}
      </div>
    </div>
  );
};

export default PartiesGrid;