---
import BlogHeader from '@components/BlogHeader.astro';
import Tags from '@components/Tags.astro';
import type { CollectionEntry } from 'astro:content';

interface Props {
	post: CollectionEntry<'blog'>;
}

const { post } = Astro.props;
---

<article>
	<BlogHeader title={post.data.title} date={post.data.pubDate} slug={post.id} />
	<Tags tags={post.data.tags} />
</article>

<style>
	article {
		padding-bottom: 20px;
	}

	article:not(:first-child) {
		border-top: var(--border);
	}
</style>
