@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 621 B
JavaScript
import{jsx as r}from"react/jsx-runtime";import{styled as t,Box as i}from"@mui/material";import{space as o}from"../../BrandCore/primitiveVariables.js";const e=t(i)(({theme:r})=>({"& .MuiGrid-item":{"&:first-of-type":{"& .MuiBox-root":{"&:before":{width:o[200],borderRadius:r.custom.radius.round,right:"50%",transform:`translateX(-${o[200]}px)`,left:"auto"}}},"&:last-child":{"& .MuiBox-root":{"&:after":{width:o[200],borderRadius:r.custom.radius.round,right:"auto",left:"50%",transform:`translateX(${o[200]}px)`}}}}})),a=({children:t,width:i})=>r(e,{sx:{width:i},children:t});export{e as LikertContainerBox,a as default};