import React from "react"

function PageHeader({ title, subtitle, className }) {
  return (
    <div className={` pt-48 max-w-screen flex flex-col ${className}`}>
      <h1 className="text-4xl md:text-5xl text-center font-bold text-base-content  mb-6 mx-auto px-4">
        {title}
      </h1>
      {subtitle}
    </div>
  )
}

export default PageHeader