interface SectionHeaderProps {
  title?: string;
  subtitle?: string;
  className?: string;
}

export default function SectionHeader({ title, subtitle, className = "" }: SectionHeaderProps) {
  return (
    <div className={`${className} mb-3`}>
      {
        title && (
          <h3 className="text-xl font-bold text-gray-800 mb-1">
            {title}
          </h3>
        )
      }
      {subtitle && (
        <p className="text-[10px] font-bold uppercase text-teal-600 mb-2 tracking-widest">
          {subtitle}
        </p>
      )}
    </div>
  );
}