Grabbed dndbeyond's source code

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

ddb_main/node_modules/@dndbeyond/ttui/components/LabelChip/LabelChip.tsx

@@ -0,0 +1,28 @@
+import clsx from "clsx";
+import type { HTMLAttributes, ReactNode } from "react";
+import { Tooltip } from "../Tooltip";
+import styles from "./LabelChip.module.css";
+
+interface LabelChipProps extends HTMLAttributes<HTMLSpanElement> {
+  tooltipContent?: ReactNode;
+  tooltipClickable?: boolean;
+}
+
+export const LabelChip = ({
+  className = "",
+  children,
+  tooltipContent,
+  tooltipClickable,
+  ...props
+}: LabelChipProps) => (
+  <>
+    <span className={clsx([styles.labelChip, className])} {...props}>
+      {children}
+    </span>
+    {props["data-tooltip-id"] && (
+      <Tooltip id={props["data-tooltip-id"]} clickable={tooltipClickable}>
+        {tooltipContent}
+      </Tooltip>
+    )}
+  </>
+);