import{__assign as t}from"tslib";import{jsx as r,jsxs as o}from"react/jsx-runtime";import*as e from"@radix-ui/react-tooltip";import i from"../../styles/ScopeTree.module.css.js";var a=function(a){var l=a.content,n=a.children,s=a.placement,d=void 0===s?"top":s,m=a.withArrow,p=void 0!==m&&m;return l?r(e.Provider,{children:o(e.Root,t({delayDuration:100},{children:[r(e.Trigger,t({asChild:!0},{children:n})),r(e.Portal,{children:o(e.Content,t({side:d,sideOffset:4,className:i.tooltipContent},{children:[p&&r("svg",t({width:8,height:8,viewBox:"0 0 8 8",className:i.tooltipArrow,style:{top:{bottom:0,left:"50%",transform:"translate(-50%, 100%)"},bottom:{top:0,left:"50%",transform:"translate(-50%, -100%) rotate(180deg)"},left:{right:0,top:"50%",transform:"translate(100%, -50%) rotate(-90deg)"},right:{left:0,top:"50%",transform:"translate(-100%, -50%) rotate(90deg)"}}[d]},{children:r("polygon",{points:"0,0 8,0 4,8"})})),l]}))})]}))}):n};export{a as TreeTooltip};
//# sourceMappingURL=TreeTooltip.js.map
