@gsretail.com/gui-core/build/core/Radio/GuiRadio.js

A skeleton to create your own React component library using Rollup, TypeScript, Sass and Storybook

import{__rest as e,__assign as a}from"../../node_modules/tslib/tslib.es6.js";import l from"react";import{Box as o,FormControlLabel as n,Radio as r}from"@mui/material";import{GuiIcon as t}from"../../node_modules/@gsretail.com/gui-icons/dist/index.js";import c from"./GuiRadio.styled.js";var m=c((function(c){var m=c.label,i=c.labelPlacement,s=c.color,d=c.size,u=c.icon,b=c.checkedIcon,f=c.disabled,p=c.value,g=c.onChange,h=c.className,E=c.boxProps,P=e(c,["label","labelPlacement","color","size","icon","checkedIcon","disabled","value","onChange","className","boxProps"]);return l.createElement(o,a({className:["gui-form gui-radio",d&&"gui-chk-"+d,h&&h].join(" ")},E),l.createElement(n,{control:l.createElement(r,a({color:s,icon:u||l.createElement(t,{name:"RadioOff"}),checkedIcon:b||l.createElement(t,{name:"RadioOn"}),disabled:f},P)),label:l.createElement(l.Fragment,null,m&&l.createElement("span",{className:"labelTxt"},m)),labelPlacement:i,value:p,onChange:g}))}));m.defaultProps={color:"primary",size:"medium",labelPlacement:"end"};export{m as GuiRadio,m as default};