@legion-ui-kit/react-core
Version:
To install the package into your project:
3 lines (2 loc) • 1.32 kB
JavaScript
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),s=require("classnames"),t=require("./styles.module.scss.cjs"),a=require("../../helpers/typography.cjs"),i=require("./Switch.constant.cjs");function d(e){return e&&e.__esModule?e:{default:e}}var r=d(s);exports.default=s=>{const{className:d,disabled:u,fieldClassName:c,fieldStyle:o,id:_,inputClassName:n,inputStyle:f,label:y,labelClassName:b,labelPosition:m=i.SWITCH_DEFAULT_PROPS.labelPosition,labelStyle:P,size:p=i.SWITCH_DEFAULT_PROPS.size,style:S,toggleClassName:T,toggleStyle:h,type:N=i.SWITCH_DEFAULT_PROPS.type,...j}=s,C=l.useId(),I=_||`legion_switch_${a.kebabCase(C)}`,g=N===i.SWITCH_TYPE.multiple?i.INPUT_TYPE.checkbox:i.INPUT_TYPE.radio,x=m===i.SWITCH_LABEL_POSITION.left,E=r.default(t.default.legion_switch,d,t.default[p],{[t.default.disabled]:!!u,[t.default.left_label]:x}),q=r.default(t.default.switch_toggle,T),w=r.default(t.default.switch_field,c),O=r.default(t.default.switch_label,b);return e.jsxs("div",{className:E,style:S,children:[e.jsxs("div",{className:w,style:o,children:[e.jsx("input",{className:n,id:I,type:g,disabled:u,style:f,...j}),e.jsx("span",{className:q,style:h})]}),y&&e.jsx("label",{htmlFor:I,className:O,style:P,children:y})]})};
//# sourceMappingURL=index.cjs.map