import React from 'react'
import { useRouter } from 'next/router'

const Result = ({result}) => {

    const router = useRouter()
    const {book, writer, text, page} = result._source

  return (
    <div onClick={() => (router.push({pathname: `/${result._type}/${result._id}`}))} className='
    self-end
    bg-[#202124] 
    w-[100%]
    laptop:max-w-[50vw]
    p-3 m-auto
    border-4
    border-[#303134]
    font-serif text-base 
    text-lg
    tablet:text-2xl text-white
    laptop:text-lg
    '
    >
        <p className='m-3'>{text}</p>
        <p className='m-3'>"{book}" - {writer} - str. {page}.</p>
    </div>
  )
}

export default Result