---
import type { HTMLAttributes } from "astro/types";
import { getRelativeTimeUnit } from "@utils/datetime";

interface Props {
  date: Date;
  locales: Intl.LocalesArgument;
  options: Intl.RelativeTimeFormatOptions;
  itemprop: HTMLAttributes<"time">["itemprop"];
}

const { date, locales, options } = Astro.props;

const format = new Intl.RelativeTimeFormat(locales, options).format(
  ...getRelativeTimeUnit(date),
);
---

{format}