@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 1.05 kB
JavaScript
"use strict";var e=require("react/jsx-runtime"),i=require("@mui/material"),n=require("../InputLabelHelp/InputLabelHelp.js"),r=require("./DifferentialContainer.js"),t=require("./DifferentialRadio.js");module.exports=({disabled:s=!1,onChange:l,labelLeft:a,labelRight:d,internalChange:c,labelCenter:o})=>{const h=[...Array(7).keys()];return e.jsx(i.RadioGroup,{children:e.jsxs(r.default,{children:[e.jsx(i.Grid,{container:!0,justifyContent:"space-between",children:h.map((n,r)=>{const a=r+1!==h.length;return e.jsx(i.Grid,{...a&&{size:"grow"},children:e.jsx(t,{disabled:s,value:n,onChange:(e,i)=>{l&&l(e,i),c&&c()},name:`radio-option-${n}`},n)},n)})}),e.jsxs(i.Grid,{container:!0,justifyContent:"space-between",sx:{mt:1},children:[e.jsx(i.Grid,{sx:{textAlign:"left"},children:e.jsx(n,{disabled:s,showicon:!1,children:a})}),e.jsx(i.Grid,{sx:{textAlign:"center"},children:e.jsx(n,{disabled:s,align:"center",showicon:!1,children:o})}),e.jsx(i.Grid,{sx:{textAlign:"right"},children:e.jsx(n,{disabled:s,align:"right",showicon:!1,children:d})})]})]})})};