---
import type { ComponentProps } from 'astro/types';
import Base from './Base.astro';

type Props = ComponentProps<typeof Base>;

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

<Base {...Astro.props}>
  <div class="page-shell">
    <header class="page-header">
      <slot name="breadcrumbs" />
      <h1>{title}</h1>
      {description && <p>{description}</p>}
    </header>
    <slot />
  </div>
</Base>