import React from 'react'
import Link from 'next/link'

const Result = ({result}) => {

    const {title, heading, writer, page} = result

  return (
    <Link href="/results/[id]" as={`/results/${result.id}`} className='
    self-end
    bg-[#202124] 
    w-[100%]
    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'>{heading}</p>
        <p className='m-3'>"{title}" - {writer} - str. {page}.</p>
    </Link>
  )
}

export default Result