@ebay/ui-core-react
Version:
Skin components build off React
2 lines (1 loc) • 1.58 kB
JavaScript
"use strict";const p=require("./tslib.es6-C4EgNkz1.js"),a=require("react"),q=require("classnames"),c=require("./icon-CR8ApQBy.js"),F=require("./label-BRztS0pw.js"),j=require("./utils-C9NL3q0j.js"),I=s=>{var{size:o="default",checked:i,defaultChecked:d,className:u,style:m,id:r,onChange:h=()=>{},onFocus:g=()=>{},onKeyDown:b=()=>{},children:l}=s,_=p.__rest(s,["size","checked","defaultChecked","className","style","id","onChange","onFocus","onKeyDown","children"]);const y=n=>{var e;return h(n,{value:(e=n.target)===null||e===void 0?void 0:e.value})},E=n=>{var e;return g(n,{value:(e=n.target)===null||e===void 0?void 0:e.value})},k=n=>{const e=n.target;return b(n,{value:e?.value})},v=q("radio",u,{"radio--large":o==="large"}),C=o==="large"?a.createElement(c.EbayIcon,{name:"radioChecked24",className:"radio__checked"}):a.createElement(c.EbayIcon,{name:"radioChecked18",className:"radio__checked"}),N=o==="large"?a.createElement(c.EbayIcon,{name:"radioUnchecked24",className:"radio__unchecked"}):a.createElement(c.EbayIcon,{name:"radioUnchecked18",className:"radio__unchecked"}),t=j.findComponent(l,F.Label);return a.createElement(a.Fragment,null,a.createElement("span",{className:v,style:Object.assign(Object.assign({},m),{alignItems:"center"})},a.createElement("input",Object.assign({},_,{id:r,className:"radio__control",type:"radio",defaultChecked:d,checked:i,onChange:y,onFocus:E,onKeyDown:k})),a.createElement("span",{className:"radio__icon",hidden:!0},C,N)),t?a.cloneElement(t,Object.assign(Object.assign({},t.props),{position:"end",htmlFor:r})):l)};exports.EbayRadio=I;