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 }