---
import type { HTMLAttributes } from "astro/types";
import { getFormattedDate } from "@/utils/date";

type Props = HTMLAttributes<"time"> & {
	date: Date;
	dateTimeOptions?: Intl.DateTimeFormatOptions;
	locale?: string | undefined;
};

const { date, dateTimeOptions, locale, ...attrs } = Astro.props;

const postDate = getFormattedDate(date, dateTimeOptions, locale);
const ISO = date.toISOString();
---

<time datetime={ISO} title={ISO} {...attrs}>{postDate}</time>