flowfi-network/components/ui/SectionHeader.tsx

19 lines
471 B
TypeScript

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>
)
}