---
import BlogList from '../blog/BlogList.astro';
import { Card } from '@eliancodes/brutal-ui';

import type { Settings, Post } from "@matthiesenxyz/astro-ghostcms/api";
export type Props = {
  posts: Post[];
  settings: Settings;
  isHome?: boolean;
};
const { posts, settings } = Astro.props as Props;
---

<section class='mt-8'>
  <Card>
    <div class='flex justify-between items-start'>
      <h2 class='text-2xl md:text-4xl lg:text-6xl mb-8 dm-serif'>
        Recent Blogposts
      </h2>
    </div>
    <BlogList posts={posts} settings={settings}/>
  </Card>
</section>
