text-with-tooltip.tsx•611 B
import {
Tooltip,
TooltipContent,
TooltipProvider,
TooltipTrigger,
} from '@/components/ui/tooltip';
interface TextWithTooltipProps {
tooltipMessage: string;
renderTrigger: () => React.ReactNode;
}
export const TextWithTooltip = ({
tooltipMessage,
renderTrigger,
}: TextWithTooltipProps) => {
return (
<TooltipProvider>
<Tooltip>
<TooltipTrigger asChild>{renderTrigger()}</TooltipTrigger>
<TooltipContent className="max-w-md break-words whitespace-normal">
<p>{tooltipMessage}</p>
</TooltipContent>
</Tooltip>
</TooltipProvider>
);
};