@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 567 B
JavaScript
import{styled as e,Box as a}from"@mui/material";import t from"../../WebCore/Typography/Typography.js";const s=e(a)(({theme:e})=>({display:"flex",flexWrap:"wrap",gap:e.spacing(e.custom.padding.md),alignItems:"center",alignContent:"start",flexBasis:`calc(50% - ${e.spacing(e.custom.padding.sm)})`})),i=e(a)(({theme:e})=>({display:"flex",flexDirection:"column",flexBasis:`calc(50% - ${e.spacing(e.custom.padding.sm)})`})),p=e(t)(({theme:e})=>({flexBasis:"100%",color:e.palette.text.secondary}));export{i as ProgressContainer,p as Subtitle,s as WelcomeMessageContainer};