text: import React from "react";
  import { Link } from "gatsby";
  import "tachyons";
  
  export default props => (
    <div className="bg-gray ph2 pv5 flex flex-column justify-center items-center">
      <Link to={`/${props.category}`} className="sans-serif ttu white tracked f6">
        {props.category}
      </Link>
      <h1 className="white display fw4 f1-l f2 tc">{props.title}</h1>
      <span className="sans-serif tracked ttu f6 white mb2">
        by {props.author}
      </span>
      <span className="sans-serif tracked ttu f6 white">{props.date}</span>
    </div>
  );
  