UNPKG

@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.3 kB
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),s=require("classnames"),a=require("./styles.module.scss.cjs"),t=require("./CheckboxIcons.cjs"),c=require("./Checkbox.constant.cjs");function i(e){return e&&e.__esModule?e:{default:e}}var d=i(s);exports.default=s=>{const{block:i,checked:r,className:u,disabled:o,iconClassName:n,iconStyle:b,id:x,indeterminate:f,inputClassName:h,inputStyle:_,label:k,labelClassName:m,labelPosition:C=c.CHECKBOX_DEFAULT_PROPS.labelPosition,labelStyle:j,required:y,size:p=c.CHECKBOX_DEFAULT_PROPS.size,style:N,...q}=s,O=l.useId(),P=x||`legion_checkbox_${O}`,I=C===c.CHECKBOX_LABEL_POSITION.left,E=d.default(a.default.legion_checkbox,a.default[p],u,{[a.default.block]:i,[a.default.disabled]:o,[a.default.left_label]:I}),S=d.default(a.default.checkbox_input,h),v=d.default(a.default.checkbox_icon,n),B=d.default(a.default.checkbox_label,m);return e.jsxs("div",{className:E,style:N,children:[e.jsx("input",{id:P,type:"checkbox",className:S,disabled:o,checked:r,required:y,style:_,...q}),e.jsx("span",{className:v,style:b,children:f?e.jsx(t.CheckboxIconIndeterminate,{}):e.jsx(t.CheckboxIconCheck,{})}),k&&e.jsx("label",{htmlFor:P,className:B,style:j,children:k})]})}; //# sourceMappingURL=index.cjs.map