import type { ListingWithRelations } from '@/lib/listings'
import { ListingCard } from './ListingCard'
import { EmptyState } from './EmptyState'

export function ListingGrid({ listings }: { listings: ListingWithRelations[] }) {
  return (
    <div className="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3">
      {listings.length === 0 ? <EmptyState /> : listings.map((l) => <ListingCard key={l.id} listing={l} />)}
    </div>
  )
}