import type { Bet } from '@/types'
import { BetCard } from './BetCard'

interface BetListProps {
  bets: Bet[]
}

export const BetList = ({ bets }: BetListProps) => {
  if (bets.length === 0) {
    return (
      <div className="text-center py-12 text-gray-500">
        No bets found
      </div>
    )
  }

  return (
    <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
      {bets.map((bet) => (
        <BetCard key={bet.id} bet={bet} />
      ))}
    </div>
  )
}
