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