type SectionHeaderProps = {
  title: string;
  subtitle?: string;
  className?: string;
};

export default function SectionHeader({ title, subtitle, className = "" }: SectionHeaderProps) {
  return (
    <div className={`text-center ${className}`}>
      <h2 className="text-[22px] font-extrabold tracking-[-0.04em] text-[#111a42] sm:text-[25px]">
        {title}
      </h2>
      {subtitle ? <p className="mt-1.5 text-[12px] text-[#7080a3] sm:text-[15px]">{subtitle}</p> : null}
    </div>
  );
}