export default function (data: Lume.Data) {
  return (
    <li className="post-list-item">
      <a href={data.post.data.url} className="post-list-title">
        {data.post.data.title}
      </a>
      <time className="post-list-date">
        {Intl.DateTimeFormat("en-CA", { dateStyle: "long" }).format(
          data.post.data.date,
        )}
      </time>
      <ul className="tag-list">
        {data.post.data.tags.map((tag: string, index: number) => (
          <li key={index} className="tag">{tag}</li>
        ))}
      </ul>
      <p className="post-list-description">{data.post.data.description}</p>
    </li>
  );
}
