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

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

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

<div class="blog-header">
  <h2>{title}</h2>
  <h4>
    {`🗓️ ${formatInTimeZone(new Date(date), "America/New_York", "MMM do, y")}`}
  </h4>
</div>