---
import Layout from './Layout.astro';
import type { BreadcrumbItem } from '@utils/content';
import { Breadcrumbs } from '@components/patterns';

interface Props {
  title: string;
  description?: string;
  breadcrumbs: BreadcrumbItem[];
}

const { title, description, breadcrumbs } = Astro.props;
---

<Layout title={title} description={description}>
  <main>
    <Breadcrumbs items={breadcrumbs} />

    <article>
      <slot />
    </article>
  </main>
</Layout>
