GatsbyJSで作っているブログの記事一覧にもアイキャッチが付くようにしてデザインをいい感じにした

import dayjs from "dayjs"
import { Link } from "gatsby"
import React from "react"
import Date from "./date"
import EyeCatch from "./eye_catch"
import styles from "./post.module.sass"
import TagLink from "./tag_link"

const Post = ({ slug, title, date, tags }) => (
  <Link to={slug} key={slug}>
    <div className={styles.wrapper}>
      <EyeCatch tags={tags} size="medium" />
      <div className={styles.content}>
        <h3 className={styles.title}>{title}</h3>
        <Date date={dayjs(date).format("YYYY-MM-DD")} />
        {tags.map((tag) => {
          return <TagLink>{tag}</TagLink>
        })}
      </div>
    </div>
  </Link>
)

export default Post