---
import Item from '~/components/blog/ListItem.astro';
import type { Post } from '~/types';

export interface Props {
	posts: Array<Post>;
}

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

<ul>
	{
		posts.map((post) => (
			<li class="mb-10 md:mb-16">
				<Item post={post} />
			</li>
		))
	}
</ul>
