Squashed 'ai-context/workbench-ui/' content from commit 32e36a5c

git-subtree-dir: ai-context/workbench-ui
git-subtree-split: 32e36a5c2131e429a7081cfaf67dabad3193cda3

src/components/common/ExternalDocs.tsx

@@ -0,0 +1,17 @@
+import React, { PropsWithChildren } from "react";
+
+import { Link } from "@chakra-ui/react";
+
+const ExternalDocs: React.FC<
+  PropsWithChildren<{
+    href: string;
+  }>
+> = ({ href, children }) => {
+  return (
+    <Link href={href} target="_blank" colorPalette="accent">
+      {children}
+    </Link>
+  );
+};
+
+export default ExternalDocs;