Grabbed dndbeyond's source code

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

ddb_main/tools/js/smartComponents/CharacterAvatar/CharacterAvatarPortrait/CharacterAvatarPortrait.tsx

@@ -0,0 +1,42 @@
+import React, { HTMLAttributes } from "react";
+
+interface Props extends HTMLAttributes<HTMLDivElement | HTMLImageElement> {
+  className?: string;
+  avatarUrl: string | null;
+}
+
+const CharacterAvatarPortrait: React.FC<Props> = ({
+  className = "",
+  avatarUrl,
+  ...props
+}) => {
+  let portraitClasses: Array<string> = [
+    "ddbc-character-avatar__portrait",
+    className,
+  ];
+  let portraitStyles: React.CSSProperties = {};
+  if (avatarUrl) {
+    portraitStyles = {
+      backgroundImage: `url(${avatarUrl})`,
+    };
+  } else {
+    portraitClasses.push("ddbc-character-avatar__portrait--none");
+  }
+
+  return avatarUrl ? (
+    <img
+      className={portraitClasses.join(" ")}
+      src={avatarUrl}
+      alt="Character portrait"
+      {...props}
+    />
+  ) : (
+    <div
+      className={portraitClasses.join(" ")}
+      style={portraitStyles}
+      {...props}
+    />
+  );
+};
+
+export default CharacterAvatarPortrait;

ddb_main/tools/js/smartComponents/CharacterAvatar/CharacterAvatarPortrait/index.ts

@@ -0,0 +1,4 @@
+import CharacterAvatarPortrait from "./CharacterAvatarPortrait";
+
+export default CharacterAvatarPortrait;
+export { CharacterAvatarPortrait };