mirror of
https://github.com/Crosstalk-Solutions/project-nomad.git
synced 2026-03-28 11:39:26 +01:00
26 lines
619 B
TypeScript
26 lines
619 B
TypeScript
import classNames from 'classnames'
|
|
import { JSX } from 'react'
|
|
|
|
export interface StyledSectionHeaderProps {
|
|
title: string
|
|
level?: 1 | 2 | 3 | 4 | 5 | 6
|
|
className?: string
|
|
}
|
|
|
|
const StyledSectionHeader = ({ title, level = 2, className }: StyledSectionHeaderProps) => {
|
|
const Heading = `h${level}` as keyof JSX.IntrinsicElements
|
|
return (
|
|
<Heading
|
|
className={classNames(
|
|
'text-2xl font-bold text-desert-green mb-6 flex items-center gap-2',
|
|
className
|
|
)}
|
|
>
|
|
<div className="w-1 h-6 bg-desert-green" />
|
|
{title}
|
|
</Heading>
|
|
)
|
|
}
|
|
|
|
export default StyledSectionHeader
|