---
type Props = {
  title: string
  /** Small label above the title: "Page", "Tag". */
  eyebrow?: string
  standfirst?: string
}

const { title, eyebrow, standfirst } = Astro.props
---

<header class="header">
  {eyebrow && <p class="eyebrow">{eyebrow}</p>}
  <h1 class="title">{title}</h1>
  {standfirst && <p class="standfirst">{standfirst}</p>}
  <slot />
</header>