feat: types

packages/website-ue/src/components/HighlightedCodeContent.tsx

@@ -0,0 +1,28 @@
+import type { Root } from "hast";
+import { toJsxRuntime } from "hast-util-to-jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Code } from "./Code";
+
+interface Props {
+  tree: Root | string;
+}
+
+export function HighlightedCodeContent({ tree }: Props) {
+  const node =
+    typeof tree === "string"
+      ? tree
+      : toJsxRuntime(tree, { Fragment, jsx, jsxs });
+
+  return (
+    <Code
+      style={{
+        overflow: "auto",
+        padding: "var(--space-3)",
+        display: "block",
+        whiteSpace: "pre",
+        lineHeight: "1.5em",
+      }}
+      children={node}
+    />
+  );
+}