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