|
import Link from 'next/link' |
|
|
|
|
|
|
|
|
|
|
|
|
|
export default function BlogAround ({ prev, next }) { |
|
if (!prev || !next) { |
|
return <></> |
|
} |
|
return ( |
|
<section className='text-gray-800 border-t dark:text-gray-300 flex flex-wrap lg:flex-nowrap lg:space-x-10 justify-between py-2'> |
|
{prev && <Link |
|
href={`/${prev.slug}`} |
|
passHref |
|
className='text-sm py-3 text-gray-500 hover:underline cursor-pointer'> |
|
|
|
<i className='mr-1 fas fa-angle-double-left' />{prev.title} |
|
|
|
</Link>} |
|
{next && <Link |
|
href={`/${next.slug}`} |
|
passHref |
|
className='text-sm flex py-3 text-gray-500 hover:underline cursor-pointer'> |
|
{next.title} |
|
<i className='ml-1 my-1 fas fa-angle-double-right' /> |
|
|
|
</Link>} |
|
</section> |
|
); |
|
} |
|
|