type SectionHeaderProps = {
  eyebrow?: string;
  title: string;
  copy?: string;
  dark?: boolean;
};

export function SectionHeader({ eyebrow, title, copy, dark = false }: SectionHeaderProps) {
  return (
    <div className="section-header">
      {eyebrow ? <p className={`eyebrow ${dark ? "hero-eyebrow" : ""}`}>{eyebrow}</p> : null}
      <h2>{title}</h2>
      {copy ? <p>{copy}</p> : null}
    </div>
  );
}
