extension/react-app/src/components/InfoHover.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

import { InformationCircleIcon } from "@heroicons/react/24/outline";
import { StyledTooltip } from ".";

const InfoHover = ({ msg }: { msg: string }) => {
  const id = "info-hover";

  return (
    <>
      <InformationCircleIcon
        data-tooltip-id={id}
        data-tooltip-content={msg}
        className="h-5 w-5 text-gray-500 cursor-help"
      />
      <StyledTooltip id={id} place="bottom" />
    </>
  );
};

export default InfoHover;