File size: 566 Bytes
a8aec61 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
'use client'
import { type FC, type JSX } from 'react'
import { cn } from '@/lib/utils'
import { HEADING_SIZES } from './constants'
import { type HeadingProps } from './types'
const Heading: FC<HeadingProps> = ({ children, size, fontSize, className }) => {
const Tag = `h${size}` as keyof JSX.IntrinsicElements
return (
<Tag
className={cn(
'flex items-center gap-x-3 font-semibold',
fontSize ? HEADING_SIZES[fontSize] : HEADING_SIZES[size],
className
)}
>
{children}
</Tag>
)
}
export default Heading
|