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