@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 816 B
JavaScript
;var e=require("react/jsx-runtime"),t=require("@mui/material"),i=require("../../BrandCore/primitiveVariables.js"),r=require("../Radio/Radio.js");require("../Radio/StyledRadio.js");const o=t.styled(r)(()=>({marginRight:0})),s=t.styled(t.Box)(({theme:e,sizing:t})=>{const r=("sm"===t?i.space[300]:i.space[400])/2;return{position:"relative","&:before":{content:'""',position:"absolute",top:"50%",left:0,height:i.space[50],width:`calc(50% - ${r}px)`,zIndex:0,backgroundColor:e.custom.palette.stroke.default},"&:after":{content:'""',position:"absolute",top:"50%",right:0,height:i.space[50],width:`calc(50% - ${r}px)`,zIndex:0,backgroundColor:e.custom.palette.stroke.default}}});module.exports=t=>e.jsx(s,{sizing:t.sizing,sx:{textAlign:"center",position:"relative"},children:e.jsx(o,{...t,sizing:t.sizing})});