---
import { siteConfig } from '../../site.config.mjs';

interface Props {
  title: string;
  subtitle?: string;
}

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

<header class="page-header-card">
  <p class="page-header-eyebrow">{siteConfig.site.name}</p>
  <h1>{title}</h1>
  {subtitle && <p class="page-header-subtitle">{subtitle}</p>}
</header>