---
import { format } from "date-fns-tz";

interface Props {
  title: String;
  date: String;
}

const { title, date } = Astro.props;
---

<div class="blog-header">
  <h2>{title}</h2>
  <h3 style={{ fontSize: "1.1rem" }}>
    {`🗓️ ${format(new Date(date), "MMM do, y")}`}
  </h3>
</div>