settings SectionHeader.tsx

0% Statements 0/8

0% Branches 0/1

0% Functions 0/1

0% Lines 0/8

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { cn } from "@heroui/theme"
import { HTMLAttributes } from "react"
 
type SectionHeaderProps = HTMLAttributes<HTMLDivElement> & {
	children: React.ReactNode
	description?: string
}
 
export const SectionHeader = ({ description, children, className, ...props }: SectionHeaderProps) => {
	return (
		<div className={cn("text-foreground px-5 py-3", className)} {...props}>
			<h4 className="m-0">{children}</h4>
			{description && <p className="text-description text-sm mt-2 mb-0">{description}</p>}
		</div>
	)
}
 
export default SectionHeader