@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 723 B
JavaScript
import{jsx as r}from"react/jsx-runtime";import{useTheme as e,Tooltip as o,Box as t}from"@mui/material";import{mergeSx as s}from"merge-sx";const a=({variation:a="primary",message:i,sx:p,slotProps:l={},children:m,...c})=>{const n=e(),{wrapper:d,...u}=l;return r(o,{enterDelay:650,enterNextDelay:650,arrow:!0,role:"tooltip",title:i,slotProps:{...u,popper:{...u.popper,sx:{"& .MuiTooltip-tooltip":{backgroundColor:n.custom.palette.surface.overlay,borderRadius:n.spacing(n.custom.radius.md),filter:`drop-shadow(${n.custom.elevation.raised})`}}}},sx:s({maxWidth:300},p),...c,children:r(t,{sx:s({cursor:"pointer",display:"flex",alignItems:"center",color:n.custom.palette.text.primary},d?.sx),children:m})})};export{a as default};