import ScrollReveal from './ScrollReveal'

interface SectionHeaderProps {
  children: React.ReactNode
  className?: string
}

export default function SectionHeader({ children, className = '' }: SectionHeaderProps) {
  return (
    <ScrollReveal>
      <h2
        className={`font-sans font-light text-3xl md:text-5xl text-foam/90 mb-8 tracking-tight ${className}`}
      >
        <span className="flow-underline">{children}</span>
      </h2>
    </ScrollReveal>
  )
}