UNPKG

@lanaco/lnc-react-ui

Version:

React component library

8 lines (7 loc) 915 B
"use strict";const o=require("react/jsx-runtime"),s=require("react"),_=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),j=require("./RadioInput.cjs"),I=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),k=_.styled.div` display: inline-flex; flex-direction: ${n=>n.inline===!0?"row":"column"}; gap: 1.5rem; width: fit-content; box-sizing: border-box; `,z=s.forwardRef((n,i)=>{const{id:l="",name:a,value:r=null,disabled:c=!1,readOnly:d=!1,items:u=[],radioProps:m,inline:f=!0,onChange:t=()=>{},className:h="",style:p={},size:b="small",color:x="primary",...v}=n;var y=I.useTheme();const[g,q]=s.useState(null);s.useEffect(()=>{r!==g&&q(r)},[r]);var w={color:x,theme:y,size:b,disabled:c,readOnly:d};const C=e=>{t&&t(e)};return o.jsx(k,{ref:i,id:l,inline:f,style:p,className:h,...v,children:u.map((e,R)=>o.jsx(j,{...w,label:e.label,value:e.value,...m,onChange:C,name:a},R))})});module.exports=z;