text: //import { Image } from 'react-datocms'
  import Image from '../lib/components/image'
  import cn from 'classnames'
  import Link from 'next/link'
  
  export default function CoverImage({ title, responsiveImage, slug }) {
    const image = (
      <Image
        data={{
          ...responsiveImage,
        }}
        className={cn('shadow-small', {
          'hover:shadow-medium transition-shadow duration-200': slug,
        })}
      />
    )
    return (
      <div className="sm:mx-0">
        {slug ? (
          <Link href="/[...slug]" as={`/posts/${slug}`}>
            <a aria-label={title}>{image}</a>
          </Link>
        ) : (
          image
        )}
      </div>
    )
  }
  