import { faInfoCircle } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { ReactNode } from "react";
import Tooltip from "./Tooltip";

type InformationTooltipProps = {
  text?: ReactNode;
  tooltip: ReactNode;
  side: "bottom" | "top" | "right" | "left";
};
export default function InformationTooltip({
  text,
  tooltip,
  side,
}: InformationTooltipProps) {
  return (
    <>
      <p>{text}</p>
      <Tooltip content={tooltip}>
        <span className="right-0 top-0 text-xs text-blue-400">
          <FontAwesomeIcon icon={faInfoCircle} />
        </span>
      </Tooltip>
    </>
  );
}