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