text: import React from "react"
  import PropTypes from "prop-types"
  
  import * as S from "./styled"
  
  const PostCard = ({ slug, date, timeToRead, title, description, category }) => (
    <S.PostCardWrapper>
      <S.PostCardLink to={slug}>
        <S.PostCardDate>
          {date} • {timeToRead} min de leitura
        </S.PostCardDate>
        <S.PostCardTitle>{title}</S.PostCardTitle>
        <S.PostCardDescription>{description}</S.PostCardDescription>
        <S.PostCardTag>{category}</S.PostCardTag>
      </S.PostCardLink>
    </S.PostCardWrapper>
  )
  
  PostCard.propTypes = {
    slug: PropTypes.string.isRequired,
    date: PropTypes.string.isRequired,
    timeToRead: PropTypes.number.isRequired,
    title: PropTypes.string.isRequired,
    description: PropTypes.string.isRequired,
    category: PropTypes.string.isRequired,
  }
  
  export default PostCard
  