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

export default function SectionTitle({
  subtitle,
  title,
  className = "",
}: SectionTitleProps) {
  return (
    <div className={`section-header  ${className}`}>
      {subtitle && (
        <h3 className={`text-[16px] uppercase text-secondary-brown_sugar-main`}>
          {subtitle}
        </h3>
      )}
      <h2
        className={`uppercase text-[24px] sm:text-[32px] md:text-[48px] font-bold text-primary-midnight_green-main`}
      >
        {title}
      </h2>
    </div>
  );
}