text: import { CommentCount } from 'disqus-react'
  import { Link } from 'gatsby'
  import PropTypes from 'prop-types'
  import React from 'react'
  import { Comments } from 'styled-icons/fa-solid'
  import { Timer } from 'styled-icons/material'
  import { Calendar } from 'styled-icons/octicons'
  import { disqusConfig } from 'templates/post'
  import { Meta, TagList } from './styles'
  
  const PostMeta = ({ title, slug, date, timeToRead, tags, inTitle = false }) => (
    <Meta inTitle={inTitle}>
      <span>
        <Calendar size="1.2em" />
        &ensp;
        {date}
      </span>
      <span>
        <Timer size="1.2em" />
        &ensp;
        {timeToRead} min read
      </span>
      <span>
        <Comments size="1.2em" />
        &ensp;
        <Link to={slug + `#disqus_thread`}>
          <CommentCount {...disqusConfig({ slug, title })} />
        </Link>
      </span>
      <TagList tags={tags} />
    </Meta>
  )
  
  export default PostMeta
  
  PostMeta.propTypes = {
    date: PropTypes.string.isRequired,
    timeToRead: PropTypes.number.isRequired,
    inTitle: PropTypes.bool,
  }
  