Grabbed dndbeyond's source code

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

ddb_main/components/InfoItem/InfoItem.tsx

@@ -0,0 +1,35 @@
+import clsx from "clsx";
+import { FC, HTMLAttributes } from "react";
+
+import { InfoItem as TtuiInfoItem } from "@dndbeyond/ttui/components/InfoItem";
+
+import { useUnpropagatedClick } from "~/hooks/useUnpropagatedClick";
+
+import styles from "./styles.module.css";
+
+interface InfoItemProps extends HTMLAttributes<HTMLElement> {
+  label: string;
+  color?: "primary"; // Not needed here, but fixes ts error
+  inline?: boolean;
+}
+
+/**
+ * This component is an attribute for a given item, spell, or other entity.
+ * The InfoItemList component is a customized version of the InfoItem component from
+ * the @dndbeyond/ttui library.
+ **/
+export const InfoItem: FC<InfoItemProps> = ({
+  className,
+  onClick,
+  ...props
+}) => {
+  const handleClick = useUnpropagatedClick(onClick);
+
+  return (
+    <TtuiInfoItem
+      className={clsx([styles.item, className])}
+      onClick={onClick ? handleClick : undefined}
+      {...props}
+    />
+  );
+};