import { EventCardSkeleton } from './event-card.skeleton';

export function EventGridSkeleton() {
  return (
    <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4">
      {Array.from({ length: 4 }).map((_, i) => (
        // eslint-disable-next-line react/no-array-index-key
        <EventCardSkeleton key={i} />
      ))}
    </div>
  );
}