interface SectionHeaderProps {
  number: number;
  title: string;
}

const SectionHeader = ({ number, title }: SectionHeaderProps) => (
  <div className="flex items-center gap-3 pb-4 border-b border-border mb-6">
    <span className="flex items-center justify-center w-9 h-9 rounded-full bg-primary/10 text-primary font-semibold text-sm">
      {String(number).padStart(2, "0")}
    </span>
    <h2 className="text-lg font-semibold text-foreground">{title}</h2>
  </div>
);

export default SectionHeader;