feat: styling microblogs

Signed-off-by: João Augusto Costa Branco Marado Torres <torres.dev@disroot.org>

1 files changed, 19 insertions, 0 deletions

diff --git a/src/components/organisms/RelativeTime.astro b/src/components/organisms/RelativeTime.astro
new file mode 100644
index 0000000..13d531d
--- /dev/null
+++ b/src/components/organisms/RelativeTime.astro
@@ -0,0 +1,19 @@
+---
+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}