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