@ebay/ui-core-react
Version:
Skin components build off React
2 lines (1 loc) • 1.74 kB
JavaScript
"use strict";const R=require("./tslib.es6-C4EgNkz1.js"),a=require("react"),N=require("classnames"),q=require("./icons/ebay-icon-radio-checked-24/index.js"),I=require("./icons/ebay-icon-radio-unchecked-24/index.js"),p=require("./icons/ebay-icon-radio-checked-18/index.js"),F=require("./icons/ebay-icon-radio-unchecked-18/index.js"),j=require("./label-BRztS0pw.js"),O=require("./utils-C9NL3q0j.js"),U=s=>{var{size:c="default",checked:i,defaultChecked:l,className:d,style:u,id:t,onChange:h=()=>{},onFocus:m=()=>{},onKeyDown:b=()=>{},children:r}=s,_=R.__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})},g=n=>{var e;return m(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})},E=N("radio",d,{"radio--large":c==="large"}),v=c==="large"?a.createElement(q.EbayIconRadioChecked24,{className:"radio__checked"}):a.createElement(p.EbayIconRadioChecked18,{className:"radio__checked"}),C=c==="large"?a.createElement(I.EbayIconRadioUnchecked24,{className:"radio__unchecked"}):a.createElement(F.EbayIconRadioUnchecked18,{className:"radio__unchecked"}),o=O.findComponent(r,j.Label);return a.createElement(a.Fragment,null,a.createElement("span",{className:E,style:Object.assign(Object.assign({},u),{alignItems:"center"})},a.createElement("input",Object.assign({},_,{id:t,className:"radio__control",type:"radio",defaultChecked:l,checked:i,onChange:y,onFocus:g,onKeyDown:k})),a.createElement("span",{className:"radio__icon",hidden:!0},v,C)),o?a.cloneElement(o,Object.assign(Object.assign({},o.props),{position:"end",htmlFor:t})):r)};exports.EbayRadio=U;