import React from 'react'
import Result from './Result'

const Results = ({data, term}) => {

  console.log(data)

  return (
    <div className='
    flex flex-col justify-around gap-5

    py-5
    w-[90vw]
    mt-5
    m-auto
    laptop:mt-0
    laptop:ml-[8rem]
    laptop:w-[55vw]
    bg-[#202124]


    '>
        {data.map((result) => <Result key={result._id} result={result} term={term}/>)}
    </div>
  )
}

export default Results