@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 967 B
JavaScript
;var t=require("@mui/material"),e=require("../Button/Button.js"),a=require("../ColorBackgroundContainer/ColorBackgroundContainer.js");const n=t.styled(a)(({theme:e})=>({[`&.${t.containerClasses.root} `]:{padding:e.spacing(e.custom.padding.xl),borderRadius:e.spacing(e.custom.radius.xl),flexDirection:"column",gap:e.spacing(e.custom.padding.xl),display:"flex",textAlign:"center",alignItems:"center",width:"100%",[e.breakpoints.up("lgNav")]:{flexDirection:"row",textAlign:"left"},[e.breakpoints.down("md")]:{padding:e.spacing(e.custom.padding.lg)}}})),i=t.styled(t.Stack)(({theme:t})=>({alignItems:"start",gap:t.spacing(t.custom.padding.md),flex:"1 0 0",[t.breakpoints.down("lgNav")]:{alignItems:"center"}})),o=t.styled(t.Box)(({theme:t})=>({flex:"1 0 0",display:"flex",maxWidth:"256px",width:"100%",[t.breakpoints.down("lg")]:{maxWidth:"480px"}})),r={TrialCard:n,Top:i,CtaButton:t.styled(e)(({theme:t})=>({flex:1})),CtaButtonContainer:o};module.exports=r;