text: import React from "react";
  import { Link } from "gatsby";
  import { GatsbyImage, getImage } from "gatsby-plugin-image";
  import Icon from "./icon";
  
  const PortfolioItem = ({ image, title, logo, shortText, slug }) => {
    const featImg = getImage(image);
    const profileLogo = getImage(logo);
    return (
      <Link to={`/portfolio/${slug}`} className="portfolio-item">
        <div className="top">
          <GatsbyImage className="hero-img" image={featImg} alt="test" />
        </div>
        <div className="bottom">
          <div className="inner">
            <div className="flex">
              <div className="left">
                <h5>{title}</h5>
              </div>
              <div className="right">
                <GatsbyImage image={profileLogo} alt="test" />
              </div>
            </div>
            <div className="text">
              <p>{shortText}</p>
            </div>
            <div className="link">
              <Icon icon="right" size="20" />
              read more
            </div>
          </div>
        </div>
      </Link>
    );
  };
  
  export default PortfolioItem;
  