@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 866 B
JavaScript
"use strict";var i=require("react/jsx-runtime"),r=require("@mui/material"),e=require("../Popper/Popper.js"),s=require("../Surface/Surface.js"),t=require("./NudgeBox.js"),n=require("./NudgeButton.js");module.exports=({children:d,description:a,title:o,navigationSizing:l})=>"sm"===l?i.jsx(e,{popperProps:{placement:"right-end"},surfaceProps:{variation:"raised",sx:{maxWidth:200,p:1,ml:1}},bindOn:["trigger"],trigger:i.jsx(r.Grow,{in:!0,style:{transformOrigin:"0 100%"},children:i.jsx(r.Box,{children:i.jsx(n,{notification:!0})})}),children:i.jsx(t,{description:a,title:o,children:d})}):i.jsx(r.Grow,{in:!0,style:{transformOrigin:"0 100%",transitionDelay:"100ms"},children:i.jsx(r.Box,{sx:{display:"flex"},children:i.jsx(s,{variation:"raised",borderradius:"md",sx:{maxWidth:200,minHeight:40,width:"100%",p:1},children:i.jsx(t,{description:a,title:o,children:d})})})});