---
import CTA from "./CTA.astro";
import SubHeader from "./SubHeader.astro";

const { subHeaderText, CTAText, title, variant = "ghost", CTAUnimplemented = false } = Astro.props;
---

<style>
    .header {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
</style>
<SubHeader text={subHeaderText} />
<div class="header">
    <h2>{title}</h2>
    <CTA text={CTAText} variant={variant} unimplemented={CTAUnimplemented} />
</div>