import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Content, Portal, Provider, Root, Trigger, } from "@radix-ui/react-tooltip";
import { twMerge } from "tailwind-merge";
export function ConnectTooltip(props) {
    const { children, content, open, defaultOpen, onOpenChange, className, side = "top", sideOffset = 5, delayDuration, ...rest } = props;
    return (_jsxs(Root, { defaultOpen: defaultOpen, delayDuration: delayDuration, onOpenChange: onOpenChange, open: open, children: [_jsx(Trigger, { asChild: true, children: children }), _jsx(Portal, { children: _jsx(Content, { ...rest, side: side, sideOffset: sideOffset, className: twMerge("shadow-tooltip rounded-lg border border-gray-200 bg-white p-2 text-xs", className), children: content }) })] }));
}
export const ConnectTooltipProvider = Provider;
//# sourceMappingURL=tooltip.js.map