22 lines
550 B
TypeScript
22 lines
550 B
TypeScript
import { cn } from "@/lib/utils"
|
|
|
|
interface SectionTitleProps {
|
|
children: React.ReactNode
|
|
icon?: React.ReactNode
|
|
className?: string
|
|
}
|
|
|
|
function SectionTitle({ children, icon, className }: SectionTitleProps) {
|
|
return (
|
|
<div className={cn("flex items-center gap-2 py-0.5", className)}>
|
|
{icon}
|
|
<span className="text-xs font-semibold uppercase tracking-wider text-muted-foreground">
|
|
{children}
|
|
</span>
|
|
<div className="flex-1 h-px bg-border" />
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export { SectionTitle, type SectionTitleProps }
|