---
import { getFormattedDate } from '@utils/date'
const { publishDate, wordCount, readTime, tags } = Astro.props
---

<time datetime={publishDate}>{getFormattedDate(publishDate)}</time> |
<span title={`${wordCount} words`}>{readTime} min. read</span> |
{
    tags.map((tag, i) => (
    <>
    <a class="b1-no-underline" href={`/posts/tag/${tag}/`}>
        #{tag}
    </a>
    {i < tags.length - 1 && ", "}
    </>
    ))
}