@gsretail.com/gui-core/build/esm/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"tslib";import l from"react";import{Box as o,FormControlLabel as r,Radio as c}from"@mui/material";import{GuiIcon as n}from"@gsretail.com/gui-icons";import t from"./GuiRadio.styled.js";var m=t((function(t){var m=t.label,i=t.labelPlacement,s=t.color,d=t.size,u=t.icon,b=t.checkedIcon,f=t.disabled,p=t.value,g=t.onChange,h=t.className,E=t.boxProps,P=e(t,["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(r,{control:l.createElement(c,a({color:s,icon:u||l.createElement(n,{name:"RadioOff"}),checkedIcon:b||l.createElement(n,{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};