@legion-ui-kit/react-core
Version:
To install the package into your project:
3 lines (2 loc) • 1.23 kB
JavaScript
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("classnames"),l=require("./styles/styles.module.scss.cjs"),s=require("../Spinner/index.cjs"),t=require("./Button.constant.cjs");function i(e){return e&&e.__esModule?e:{default:e}}var n=i(a);exports.default=a=>{const{block:i,children:d,className:r,color:o=t.BUTTON_DEFAULT_PROPS.color,disabled:u,isLoading:c,loadingClassName:_,loadingIconPosition:f=t.BUTTON_DEFAULT_PROPS.loadingIconPosition,loadingText:T,loadingTextClassName:g,size:N=t.BUTTON_DEFAULT_PROPS.size,variant:O=t.BUTTON_DEFAULT_PROPS.variant,...m}=a,P=n.default(l.default.legion_button,r,l.default[N],l.default[O],{[l.default.block]:i,[l.default.disabled]:u,[l.default.loading]:c,[l.default[o]]:!u,[l.default.loading_right]:f===t.BUTTON_LOADING_ICON_POSITION.right}),x=n.default(l.default.loading_spinner,_),j=n.default(l.default.loading_text,g);return e.jsx("button",{className:P,disabled:u||c,...m,children:c?e.jsxs(e.Fragment,{children:[e.jsx(s.default,{className:x,trackClassName:l.default.loading_spinner_track,indicatorClassName:l.default.loading_spinner_indicator}),T&&e.jsx("span",{className:j,children:T})]}):d})};
//# sourceMappingURL=index.cjs.map