revamp template

src/components/tooltip/Tooltip.tsx

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import Tooltip, { TooltipProps } from '@mui/material/Tooltip';
+
+// Tooltip component that applies utility classes and custom styles
+const DefaultTooltip = ({ className = '', ...props }: TooltipProps) => (
+  <Tooltip
+    TransitionProps={{ timeout: 300 }}
+    {...props}
+    classes={{
+      popper: className,
+      tooltip:
+        '!text-white !rounded-md !text-xs !font-normal !bg-[--tw-tooltip-background-color] !box-shadow[--tw-tooltip-box-shadow] !border[--tw-tooltip-border] !px-2 !py-1.5'
+    }}
+  />
+);
+
+export { DefaultTooltip };

src/components/tooltip/index.ts

@@ -0,0 +1 @@
+export * from './Tooltip';