@radix-ui/themes
Version:
[](https://radix-ui.com/themes)
3 lines (2 loc) • 1.02 kB
JavaScript
import*as o from"react";import y from"classnames";import{Tooltip as t}from"radix-ui";import{Text as h}from"./text.js";import{Theme as v}from"./theme.js";import{extractProps as u}from"../helpers/extract-props.js";import{tooltipPropDefs as R}from"./tooltip.props.js";const e=o.forwardRef((i,p)=>{const{children:r,className:n,open:s,defaultOpen:l,onOpenChange:m,delayDuration:a,disableHoverableContent:f,content:P,container:T,forceMount:c,...d}=u(i,R),C={open:s,defaultOpen:l,onOpenChange:m,delayDuration:a,disableHoverableContent:f};return o.createElement(t.Root,{...C},o.createElement(t.Trigger,{asChild:!0},r),o.createElement(t.Portal,{container:T,forceMount:c},o.createElement(v,{asChild:!0},o.createElement(t.Content,{sideOffset:4,collisionPadding:10,...d,asChild:!1,ref:p,className:y("rt-TooltipContent",n)},o.createElement(h,{as:"p",className:"rt-TooltipText",size:"1"},P),o.createElement(t.Arrow,{className:"rt-TooltipArrow"})))))});e.displayName="Tooltip";export{e as Tooltip};
//# sourceMappingURL=tooltip.js.map