@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.29 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"),t=require("../Spinner/index.cjs"),s=require("./Button.constant.cjs");function n(e){return e&&e.__esModule?e:{default:e}}var i=n(a);exports.default=a=>{const{block:n,children:d,className:o,color:r=s.BUTTON_DEFAULT_PROPS.color,disabled:u,isLoading:c,loadingIconClassName:_,loadingIconPosition:f=s.BUTTON_DEFAULT_PROPS.loadingIconPosition,loadingIconStyle:g,loadingText:T,loadingTextClassName:N,loadingTextStyle:O,size:m=s.BUTTON_DEFAULT_PROPS.size,variant:x=s.BUTTON_DEFAULT_PROPS.variant,...P}=a,j=i.default(l.default.legion_button,o,l.default[m],l.default[x],{[l.default.block]:n,[l.default.disabled]:u,[l.default.loading]:c,[l.default[r]]:!u,[l.default.loading_right]:f===s.BUTTON_LOADING_ICON_POSITION.right}),U=i.default(l.default.loading_spinner,_),b=i.default(l.default.loading_text,N);return e.jsx("button",{className:j,disabled:u||c,...P,children:c?e.jsxs(e.Fragment,{children:[e.jsx(t.default,{className:U,trackClassName:l.default.loading_spinner_track,indicatorClassName:l.default.loading_spinner_indicator,style:g}),T&&e.jsx("span",{className:b,style:O,children:T})]}):d})};
//# sourceMappingURL=index.cjs.map