import { Tooltip, type TooltipProps } from "@theme";
import { CircleQuestionMark } from "lucide-react";

interface LabelTooltipProps extends Omit<TooltipProps, "children"> {}

export default function LabelTooltip({ ...tooltip }: LabelTooltipProps) {
  return (
    <span className="absolute top-1/2 ml-1 -translate-y-1/2">
      <Tooltip
        {...tooltip}
        text={<>{tooltip.text}</>}
        className="block text-gray-500"
      >
        <CircleQuestionMark className="block w-4" />
      </Tooltip>
    </span>
  );
}
