SectionHeader.tsx20 lines · main
| 1 | import { cn } from 'ui' |
| 2 | |
| 3 | export interface SectionHeaderProps { |
| 4 | title: string |
| 5 | description: string |
| 6 | className?: string |
| 7 | } |
| 8 | |
| 9 | const SectionHeader = ({ title, description, className }: SectionHeaderProps) => { |
| 10 | return ( |
| 11 | <div className={cn('mx-auto flex flex-col gap-10 py-14', className)}> |
| 12 | <div> |
| 13 | <p className="text-xl">{title}</p> |
| 14 | <p className="text-sm text-foreground-light">{description}</p> |
| 15 | </div> |
| 16 | </div> |
| 17 | ) |
| 18 | } |
| 19 | |
| 20 | export default SectionHeader |