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