import '../styles/cardGames.css'
import { handleGameImageError } from '../utils'

type GameCardProps = {
  title: string
  imageUrl: string
}

export const GameCard = ({ title, imageUrl }: GameCardProps) => {
  return (
    <a className='cardGameMainWrapperLink' href='search.html'>
      <div className='cardGameMainWrapper'
        <img
          src={imageUrl}
          onError={handleGameImageError}
          className='cardGameMain'
        />
      </div>
      <div className='cardGameMainTitle'>
        <p>{title}</p>
      </div>
    </a>
  )
}