kwikid-components-react
Version:
KwikID's Component Library in React
46 lines (45 loc) • 1.65 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _Button = require("./Button.defaults");
var _Button2 = require("./Button.style");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const KwikUIButton = _ref => {
let {
appearance = _Button.KWIKUI_BUTTON__DEFAULTS.appearance,
customStyles = _Button.KWIKUI_BUTTON__DEFAULTS.customStyles,
disabled = _Button.KWIKUI_BUTTON__DEFAULTS.disabled,
disableHover = _Button.KWIKUI_BUTTON__DEFAULTS.disableHover,
id = _Button.KWIKUI_BUTTON__DEFAULTS.id,
loading = _Button.KWIKUI_BUTTON__DEFAULTS.loading,
shape = _Button.KWIKUI_BUTTON__DEFAULTS.shape,
size = _Button.KWIKUI_BUTTON__DEFAULTS.size,
children = _Button.KWIKUI_BUTTON__DEFAULTS.children,
onClick = _Button.KWIKUI_BUTTON__DEFAULTS.onClick
} = _ref;
const handleOnClick = e => {
if (onClick && !loading && !disabled) {
onClick(e);
}
};
return /*#__PURE__*/_react.default.createElement(_Button2.KwikUIStyleButton, {
appearance: appearance,
disabled: disabled || loading,
disableHover: disableHover,
id: id,
shape: shape,
size: size,
style: customStyles,
onClick: handleOnClick
}, loading ? /*#__PURE__*/_react.default.createElement(_Button2.KwikUIStyleLoadingAnimation, {
appearance: appearance,
disabled: disabled,
size: size
}) : /*#__PURE__*/_react.default.createElement(_Button2.KwikUIStyleButtonChildren, {
size: size
}, children));
};
var _default = exports.default = KwikUIButton;