@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 900 B
JavaScript
"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),o=require("merge-sx"),s=require("react");module.exports=({variation:t="primary",message:i,sx:a,slotProps:l,children:p,...u})=>{const x=r.useTheme(),{wrapper:m,...c}=l??{},n=s.useMemo(()=>{const e=c.popper;return{...c,arrow:{...c.arrow??{},sx:o.mergeSx({...u.followCursor&&{width:"15px",height:"13px",padding:"2px"}},c.arrow?.sx)},popper:{...e,sx:o.mergeSx({"& .MuiTooltip-tooltip":{backgroundColor:x.custom.palette.surface.overlay,borderRadius:x.spacing(x.custom.radius.md),filter:`drop-shadow(${x.custom.elevation.raised})`}},e?.sx)}}},[l,x,u.followCursor]),d=s.useMemo(()=>o.mergeSx({cursor:"pointer",display:"flex",alignItems:"center",color:x.custom.palette.text.primary},m?.sx),[l,x]);return e.jsx(r.Tooltip,{enterDelay:650,enterNextDelay:650,arrow:!0,title:i,slotProps:n,...u,children:e.jsx(r.Box,{sx:d,children:p})})};