import React, { ReactNode } from "react";

interface PageHeaderProps {
  title: string;
  subtitle?: ReactNode;
  className?: string;
}
function PageHeader({ title, subtitle, className }: PageHeaderProps) {
  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;
