UNPKG

@legion-ui-kit/react-core

Version:

To install the package into your project:

3 lines (2 loc) 1.07 kB
import{jsxs as e,jsx as l}from"react/jsx-runtime";import{useId as s}from"react";import c from"classnames";import o from"./styles.module.scss.js";import{CheckboxIconIndeterminate as t,CheckboxIconCheck as a}from"./CheckboxIcons.js";import{CHECKBOX_DEFAULT_PROPS as i,CHECKBOX_LABEL_POSITION as r}from"./Checkbox.constant.js";const m=m=>{const{block:n,checked:b,className:d,disabled:h,iconClassName:p,iconStyle:k,id:u,indeterminate:x,inputClassName:y,inputStyle:f,label:N,labelClassName:_,labelPosition:C=i.labelPosition,labelStyle:j,required:S,size:g=i.size,style:q,...z}=m,P=s(),v=u||`legion_checkbox_${P}`,F=C===r.left,I=c(o.legion_checkbox,o[g],d,{[o.block]:n,[o.disabled]:h,[o.left_label]:F}),$=c(o.checkbox_input,y),w=c(o.checkbox_icon,p),A=c(o.checkbox_label,_);return e("div",{className:I,style:q,children:[l("input",{id:v,type:"checkbox",className:$,disabled:h,checked:b,required:S,style:f,...z}),l("span",{className:w,style:k,children:l(x?t:a,{})}),N&&l("label",{htmlFor:v,className:A,style:j,children:N})]})};export{m as default}; //# sourceMappingURL=index.js.map