---
const { data } = Astro.props;
---

<div class="post">
  <p class="post-category">{data.category}</p>
  <h4 class="post-title">{data.title}</h4>
  <p class="post-date">
    {
      data.date.toLocaleDateString("tr-TR", {
        day: "numeric",
        month: "long",
        year: "numeric",
      })
    }
  </p>
  <p class="post-summary">{data.summary}</p>
</div>