interface SectionHeadingProps {
  children: React.ReactNode;
  className?: string;
  centered?: boolean;
}

export function SectionHeading({ children, className = "", centered = false }: SectionHeadingProps) {
  return (
    <div className={centered ? "text-center" : ""}>
      <h2
        className={`font-display text-4xl font-bold uppercase tracking-wide sm:text-5xl lg:text-6xl gradient-text ${className}`}
      >
        {children}
      </h2>
      <span
        className={`mt-4 block h-[1px] w-20 bg-gradient-to-r from-gold to-transparent ${
          centered ? "mx-auto" : ""
        }`}
      />
    </div>
  );
}