---
import "../styles/postcard.css";

const { id, title, description, pubDate, updatedDate, illustration } =
  Astro.props;
---

<article>
  <img src={illustration.src} alt="" />

  <h2>
    <a href={`/posts/${id}`}>{title}</a>
  </h2>

  <time datetime={pubDate.toISOString()}>
    {
      pubDate.toLocaleDateString("fr-fr", {
        year: "numeric",
        month: "short",
        day: "numeric",
      })
    }
  </time>

  <p>{description}</p>
</article>