import React, { ReactNode } from "react";

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

export default PageHeader;