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

const Logo = props => {
  const { siteInfo } = props
  return <Link href='/' passHref>
        <div className='flex flex-col justify-center items-center cursor-pointer bg-black space-y-3 h-32 font-bold'>
          <div className='font-serif text-xl text-white'> {siteInfo?.title}</div>
          <div className='text-sm text-gray-300 font-light'> {siteInfo?.description}</div>
        </div>
  </Link>
}
export default Logo