'use client';

interface SectionHeaderProps {
  number: number | string;
  title: string;
  subtitle?: string;
}

export default function SectionHeader({ number, title, subtitle }: SectionHeaderProps) {
  return (
    <div className="section-header">
      <div className="section-number">{number}</div>
      <h2 className="display-md">{title}</h2>
      {subtitle && <p className="body-md section-lead text-secondary">{subtitle}</p>}
    </div>
  );
}
