feat: Add TooltipWrapper component for enhanced UI tooltips

asyncapi · Oct 16, 2024 · 560e07c · 560e07c
1 parent d7548c9
commit 560e07c
Showing 1 changed file with 23 additions and 0 deletions.
diff --git a/library/src/components/ToolTipWrapper.tsx b/library/src/components/ToolTipWrapper.tsx
@@ -0,0 +1,23 @@
+import React, { ReactNode } from "react";
+
+interface TooltipWrapperProps {
+  children: ReactNode;
+  description?: string;
+  className?: string;
+}
+
+export const TooltipWrapper: React.FC<TooltipWrapperProps> = ({
+  children,
+  description,
+  className,
+}) => {
+  if (!description) {
+    return <>{children}</>;
+  }
+
+  return (
+    <span title={description} className={className}>
+      {children}
+    </span>
+  );
+};