New source found from dndbeyond.com

ddb_main/components/InfoItem/InfoItem.tsx

@@ -1,35 +1,30 @@
 import clsx from "clsx";
-import { FC, HTMLAttributes } from "react";
-
-import { InfoItem as TtuiInfoItem } from "@dndbeyond/ttui/components/InfoItem";
-
-import { useUnpropagatedClick } from "~/hooks/useUnpropagatedClick";
+import type { FC, HTMLAttributes } from "react";
 
 import styles from "./styles.module.css";
 
-interface InfoItemProps extends HTMLAttributes<HTMLElement> {
+interface InfoItemProps extends HTMLAttributes<HTMLDivElement> {
   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,
+  inline = true,
+  label,
+  children,
   ...props
-}) => {
-  const handleClick = useUnpropagatedClick(onClick);
-
-  return (
-    <TtuiInfoItem
-      className={clsx([styles.item, className])}
-      onClick={onClick ? handleClick : undefined}
-      {...props}
-    />
-  );
-};
+}) => (
+  <div
+    className={clsx([styles.item, inline && styles.inline, className])}
+    role="listitem"
+    {...props}
+  >
+    <p className={styles.label}>{label}</p>
+    <p className={styles.value}>{children}</p>
+  </div>
+);