feat(component): tooltip icon

Signed-off-by: Sudhanshu Dasgupta <[email protected]>
layer5io · Nov 28, 2023 · 20f508a · 20f508a
1 parent 7f7b991
commit 20f508a
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 0 deletions.
diff --git a/packages/components/src/base/TooltipIcon/index.tsx b/packages/components/src/base/TooltipIcon/index.tsx
@@ -0,0 +1 @@
+export { TooltipIcon } from './tooltipicon';
diff --git a/packages/components/src/base/TooltipIcon/tooltipicon.tsx b/packages/components/src/base/TooltipIcon/tooltipicon.tsx
@@ -0,0 +1,20 @@
+import { IconButton, IconButtonProps, Tooltip as MuiTooltip } from '@mui/material';
+import React, { ReactNode } from 'react';
+
+interface TooltipIconProps {
+  icon: ReactNode;
+  tooltipTitle: string;
+  iconButtonProps?: IconButtonProps;
+}
+
+export const TooltipIcon: React.FC<TooltipIconProps> = ({
+  icon,
+  tooltipTitle,
+  iconButtonProps = {}
+}: TooltipIconProps) => {
+  return (
+    <MuiTooltip title={tooltipTitle} arrow>
+      <IconButton {...iconButtonProps}>{icon}</IconButton>
+    </MuiTooltip>
+  );
+};