import * as TooltipPrimitive from "@radix-ui/react-tooltip"; import React from "react"; export function Tooltip({ children, content, open, defaultOpen, onOpenChange, ...props }: { children: React.ReactNode; content: React.ReactNode; open?: boolean; defaultOpen?: boolean; onOpenChange?: (open: boolean) => void; }) { return ( <TooltipPrimitive.Root delayDuration={150} open={open} defaultOpen={defaultOpen} onOpenChange={onOpenChange}> <TooltipPrimitive.Trigger asChild>{children}</TooltipPrimitive.Trigger> <TooltipPrimitive.Content className="-mt-2 rounded-sm bg-black px-1 py-0.5 text-xs text-white shadow-lg" side="top" align="center" {...props}> {content} </TooltipPrimitive.Content> </TooltipPrimitive.Root> ); }