UNPKG

@useloops/design-system

Version:

The official React based Loops design system

github.com/useloops/useloops-ds

useloops/useloops-ds

2 lines (1 loc) • 689 B
1
2
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("../../BrandCore/primitiveVariables.js");const i=r.styled(r.Box)(({theme:e})=>({"& .MuiGrid-item":{"&:first-of-type":{"& .MuiBox-root":{"&:before":{width:t.space[200],borderRadius:e.custom.radius.round,right:"50%",transform:`translateX(-${t.space[200]}px)`,left:"auto"}}},"&:last-child":{"& .MuiBox-root":{"&:after":{width:t.space[200],borderRadius:e.custom.radius.round,right:"auto",left:"50%",transform:`translateX(${t.space[200]}px)`}}}}}));exports.LikertContainerBox=i,exports.default=({children:r,width:t})=>e.jsx(i,{sx:{width:t},children:r});