@legion-ui-kit/react-core
Version:
<div align="center"> <img height="108" width="116" src="https://legion.digitaltelkom.id/favicon.svg?v=4643a71fb65fa61a5f2b266b769ea7b1" /> <h1 align="center">Legion UI Kit - React Core</h1> </div>
3 lines (2 loc) • 1.09 kB
JavaScript
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),a=require("classnames"),s=require("./styles.module.scss.cjs"),t=require("../../helpers/typography.cjs"),d=require("./Radio.constant.cjs");function r(e){return e&&e.__esModule?e:{default:e}}var i=r(a);exports.default=a=>{const{block:r,checked:u,className:c,disabled:o,id:n,inputClassName:f,inputStyle:b,label:_,labelClassName:p,labelPosition:y,labelStyle:m,required:j,size:q=d.RADIO_DEFAULT_PROPS.size,style:h,...N}=a,x=l.useId(),O=n||`legion_radio_${t.kebabCase(x)}`,k=y===d.RADIO_LABEL_POSITION.left,I=i.default(s.default.legion_radio,s.default[q],c,{[s.default.block]:r,[s.default.disabled]:o,[s.default.left_label]:k}),P=i.default(s.default.radio_input,f),v=i.default(s.default.radio_label,p,{[s.default.disabled]:o});return e.jsxs("div",{className:I,style:h,children:[e.jsx("input",{id:O,type:"radio",className:P,disabled:o,checked:u,required:j,style:b,...N}),_&&e.jsx("label",{htmlFor:O,className:v,style:m,children:_})]})};
//# sourceMappingURL=index.cjs.map