text: import Link from 'next/link'
  import styles from './portfolioItem.module.scss'
  import {aosVariables} from '../../lib/constants';
  
  export default function PortfolioItem({
    title,
    coverImage,
    slug,
  }) {
    return (
      <div className={styles.item} data-aos={aosVariables.animation}>
        <Link as={`/posts/${slug}`} href="/posts/[slug]" >
          <a className={styles.link}>
            <div className={styles.imageWrapper}>
              <img
                src={coverImage}
                alt={`Cover Image for ${title}`}
                className={styles.image}
              />
            </div>
  
            <h3 className={styles.title}>{title}</h3>
          </a>
        </Link>
      </div>
    )
  }
  