import { cn } from "@/lib/utils";

interface SectionHeaderProps {
  label: string;
  title?: string;
  className?: string;
}

export function SectionHeader({ label, title, className }: SectionHeaderProps) {
  return (
    <div className={cn("mb-8", className)}>
      <div className="mb-3 flex items-center gap-3">
        <span className="font-mono text-xs text-accent">// {label}</span>
        <span className="h-px flex-1 bg-border" />
      </div>
      {title && (
        <h2 className="text-2xl font-bold text-text-primary md:text-3xl">{title}</h2>
      )}
    </div>
  );
}
