---
import GoLinkPrimaryButton from '@components/buttons/GoLinkPrimaryButton.astro';

interface Props {
  title: string;
  subTitle: string;
  btnExists?: boolean;
  btnTitle?: string;
  btnURL?: string;
}

const { title, subTitle, btnExists, btnTitle, btnURL } = Astro.props;
---

<section class="mx-auto mt-10 px-4 sm:px-6 lg:px-8 lg:pt-10 2xl:max-w-full">
  <div class="flex-wrap md:flex md:items-center md:justify-between">
    <div class="w-full md:w-auto">
      <h1 class="smooth-reveal card-text-header block lg:text-6xl">
        {title}
      </h1>
      <p class="smooth-reveal card-text-header-description mt-4">
        {subTitle}
      </p>
      {btnExists ? (
      <div class="smooth-reveal mt-4 md:mt-8">
        <GoLinkPrimaryButton title={btnTitle} url={btnURL}/>
      </div>
      ) : null}
    </div>
  </div>
</section>