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