import Newsletter from '@/components/forms/Newsletter'
import { useGlobals } from '@/lib/globals'

type Props = {
  containerStyles: string
}

export default function FooterNewsletter({ containerStyles }: Props) {
  const { newsletterForm } = useGlobals()

  if (!newsletterForm) return null

  return (
    <section className={containerStyles}>
      <div className="flex items-center justify-between pb-50px">
        <h2 className="md:text-[4.5rem] sm:text-[3.25rem] text-[2.125rem] leading-none text-white font-medium">
          {newsletterForm.title}
        </h2>
      </div>
      <Newsletter className="border-b border-white mb-40px lg:pb-60px pb-50px" />
    </section>
  )
}