@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 842 B
JavaScript
;Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@mui/material"),o=require("../../BrandCore/primitiveVariables.js");const i=t.styled(t.Box)(({theme:e})=>({"& .MuiGrid-item":{"&:first-of-type":{"& .MuiBox-root":{"& .MuiRadio-root":{"&:before":{content:'""',position:"absolute",width:o.space[50],height:o.space[50],top:`calc(100% + ${o.space[50]}px)`,margin:"0 auto",background:e.custom.palette.stroke.default}}}},"&:last-of-type":{"& .MuiBox-root":{"& .MuiRadio-root":{"&:before":{content:'""',position:"absolute",width:o.space[50],height:o.space[50],top:`calc(100% + ${o.space[50]}px)`,margin:"0 auto",background:e.custom.palette.stroke.default}}}}}}));exports.DifferentialContainerBox=i,exports.default=({children:t,width:o})=>e.jsx(i,{sx:{width:o,minWidth:300},children:t});