Generic node working, passed object with types

space_flow/src/components/LightTooltipComponent/index.tsx

@@ -0,0 +1,17 @@
+import { styled } from '@mui/material/styles';
+import Tooltip, { TooltipProps, tooltipClasses } from '@mui/material/Tooltip';
+
+export const LightTooltip = styled(({ className, ...props }: TooltipProps) => (
+  <Tooltip {...props} classes={{ popper: className }} />
+))(({ theme }) => ({
+  [`& .${tooltipClasses.tooltip}`]: {
+    backgroundColor: theme.palette.common.white,
+    color: 'rgba(0, 0, 0, 0.87)',
+    boxShadow: theme.shadows[2],
+    fontSize: 14,
+  },
+  [`& .${tooltipClasses.arrow}:before`]: {
+    color: theme.palette.common.white,
+    boxShadow: theme.shadows[1],
+  },
+}));

space_flow/src/components/TooltipComponent/index.tsx

@@ -0,0 +1,5 @@
+import { LightTooltip } from "../LightTooltipComponent";
+
+export default function Tooltip({ children, title }) {
+  return <LightTooltip title={title} arrow>{children}</LightTooltip>;
+}