import { AnimatedSection } from "./AnimatedSection";

interface SectionHeadingProps {
  label?: string;
  title: string;
  description?: string;
  centered?: boolean;
}

export function SectionHeading({ label, title, description, centered = true }: SectionHeadingProps) {
  return (
    <AnimatedSection className={`mb-12 ${centered ? "text-center" : ""}`}>
      {label && (
        <span className="inline-block px-4 py-1.5 rounded-full text-xs font-semibold tracking-wider uppercase gradient-gold text-gold-foreground mb-4">
          {label}
        </span>
      )}
      <h2 className="text-3xl md:text-4xl lg:text-5xl font-bold font-heading text-foreground">
        {title}
      </h2>
      {description && (
        <p className="mt-4 max-w-2xl text-muted-foreground text-lg leading-relaxed mx-auto">
          {description}
        </p>
      )}
    </AnimatedSection>
  );
}