import React from "react";
import { ModTooltipInfoProps } from "./TTooltip";
import {
  Tooltip,
  TooltipContent,
  TooltipProvider,
  TooltipTrigger,
} from "@/components/ui/tooltip";

class ModTooltipInfo extends React.Component<ModTooltipInfoProps> {
  constructor(props: ModTooltipInfoProps) {
    super(props);
  }

  render(): React.ReactNode {
    return (
      <TooltipProvider>
        <Tooltip>
          <TooltipTrigger asChild>{this.props.parent}</TooltipTrigger>
          <TooltipContent style={{ backgroundColor: "grey" }}>
            <p>{this.props.content}</p>
          </TooltipContent>
        </Tooltip>
      </TooltipProvider>
    );
  }
}

export { ModTooltipInfo };