---

import type { CollectionEntry } from "astro:content";

import type { IElement } from "@/data/shared";

import { getFormattedDate } from "@/utils";

interface Props extends IElement {

	post: CollectionEntry<"post">;

	withDesc?: boolean;

}

const { post, as: Element = "div", withDesc = false } = Astro.props;

const date = new Date(post.data.publishDate);

const datetime = date.toISOString();

const postDate = getFormattedDate(date, { month: "short" });

---

<time datetime={datetime} class="min-w-[120px] text-gray-500">{postDate}</time>

<Element>

	<a href={`/posts/${post.slug}`} class="cactus-link" rel="prefetch">

		{post.data.title}

	</a>

</Element>

{withDesc && <q class="mt-2 block italic line-clamp-3">{post.data.description}</q>}