---
const { pubDate, categories } = Astro.props;
---

<p
	class="not-prose text-xs font-mono text-dp-text-light/80 dark:text-dp-text-dark/80"
>
	{
		pubDate && (
			<time datetime={pubDate.toISOString()}>
				{pubDate.toLocaleDateString()}
			</time>
		)
	}
	{categories?.length && ` • ${categories.join(", ")}`}
</p>