Function SectionHeader

src/components/SectionHeader/index.tsx:12–42

({
  heading,
  subheading,
  eyebrow,
  extraClass,
  jaHeading,
}: SectionHeaderProps)

  jaHeading?: string;
};
export default function SectionHeader({
  heading,
  subheading,
  eyebrow,
  extraClass,
  jaHeading,
}: SectionHeaderProps): JSX.Element {
  return (
    <header
      className={clsx([
        "row",
        styles.sectionHeader,
        extraClass ? extraClass : null,
      ])}
    >
      {eyebrow && (
        <p className={clsx("type-zeta col col--8 eyebrow", styles.eyebrow)}>
          {eyebrow}
        </p>
      )}
      <h2 className={clsx("type-beta col col--8")}>
        {heading}{" "}
        {jaHeading && <span className={styles.jaHeading}>{jaHeading}</span>}
      </h2>

      <p className={clsx("type-paragraph-large col col--4", styles.copy)}>
        {subheading}
      </p>
    </header>
  );
}