Grabbed dndbeyond's source code

```
~/go/bin/sourcemapper -output ddb -jsurl https://media.dndbeyond.com/character-app/static/js/main.90aa78c5.js
```

ddb_main/subApps/builder/components/ConfirmSpeciesModal/ConfirmSpeciesHeader/ConfirmSpeciesHeader.tsx

@@ -0,0 +1,40 @@
+import clsx from "clsx";
+import { FC, HTMLAttributes, ReactNode } from "react";
+
+import { HtmlContent } from "~/components/HtmlContent";
+import { LegacyBadge } from "~/components/LegacyBadge";
+
+import styles from "./styles.module.css";
+
+export interface ConfirmSpeciesHeaderProps
+  extends HTMLAttributes<HTMLDivElement> {
+  heading: string;
+  content: string;
+  imageUrl: string;
+  isLegacy?: boolean;
+  sources?: ReactNode;
+}
+
+export const ConfirmSpeciesHeader: FC<ConfirmSpeciesHeaderProps> = ({
+  className,
+  heading,
+  content,
+  imageUrl,
+  isLegacy,
+  sources,
+  ...props
+}) => {
+  return (
+    <div className={clsx([styles.confirmSpeciesHeader, className])} {...props}>
+      <div>
+        <h3 className={styles.fullName}>
+          {heading}
+          {isLegacy && <LegacyBadge id={heading || ""} />}
+        </h3>
+        {sources}
+        <HtmlContent html={content} withoutTooltips />
+      </div>
+      <img className={styles.image} src={imageUrl} alt={heading} />
+    </div>
+  );
+};