Please assign this issue to me.

@TheCoderAdi Done, good luck

@TheCoderAdi Done, good luck

Hello @abdou6666 ,

I hope you're doing well. I have a quick question regarding the use of tooltips in React.

Would it be appropriate to use @mui/material's Tooltip component for my project, or would it be better to create a custom tooltip from scratch, including the CSS? Here's the approach I'm considering:

import { Tooltip as MuiTooltip } from "@mui/material";
import React, { ReactNode } from "react";

type TooltipProps = {
  children: ReactNode;
  text: string;
  position?:
    | "top"
    | "bottom"
    | "left"
    | "right"
    | "top-start"
    | "top-end"
    | "bottom-start"
    | "bottom-end"
    | "left-start"
    | "left-end"
    | "right-start"
    | "right-end";
};

export const ToolTip: React.FC<TooltipProps> = ({
  children,
  text,
  position = "top",
}) => {
  return (
    <MuiTooltip title={text} placement={position} arrow>
      <div>{children}</div>
    </MuiTooltip>
  );
};

I’d appreciate your thoughts on whether this approach is suitable or if I should consider implementing a custom tooltip solution.

Thank you!

@TheCoderAdi Yes, you can use MUI Tooltip. Just make sure it meets the acceptance criteria

Hi @TheCoderAdi I'd like to take this on if you're busy atm.

FYI @abdou6666

Hi @TheCoderAdi I'd like to take this on if you're busy atm.

FYI @abdou6666

Hey , I am working on it , I will push the code by tomorrow.

Hello @abdou6666,

I have submitted the pull request with the recent updates. Please review it at your convenience and let me know if any changes are required.

Looking forward to your feedback.

Best regards,
Aditya