interface SectionHeadingProps {
  title?: string;
  subtitle?: string;
  light?: boolean;
}

const SectionHeading = ({ title, subtitle, light = false }: SectionHeadingProps) => (
  <div className="mb-16">
    <div className="flex items-center gap-4 mb-4">
      <div className="w-12 h-[2px] bg-accent" />
      <span className={light ? "petro-section-label-light" : "petro-section-label"}>
        Petro-Base Group
      </span>
    </div>
    <h2 className={`text-3xl md:text-4xl font-bold tracking-tight ${light ? "text-primary-foreground" : "text-foreground"}`}>
      {title}
    </h2>
    {subtitle && (
      <p className={`mt-4 max-w-2xl text-lg ${light ? "text-primary-foreground/60" : "text-muted-foreground"}`}>
        {subtitle}
      </p>
    )}
  </div>
);

export default SectionHeading;