@smart-react-components/ui/Button/ButtonLoading.js

SRC UI includes React and Styled components.

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const CSSTransition_1 = __importDefault(require("@smart-react-components/transition/CSSTransition"));
const react_1 = __importDefault(require("react"));
const ButtonLoadingElement_1 = __importDefault(require("../components/Button/ButtonLoadingElement"));
const Loading_1 = __importDefault(require("../Loading"));
const ButtonLoading = ({ children, hasAnimation = true, isOutline, isSoft, palette, status }) => {
    const getColor = () => `!${palette}.${!isSoft
        ? !isOutline ? 'font' : 'main'
        : !isOutline ? 'softFont' : 'soft'}`;
    return (react_1.default.createElement(CSSTransition_1.default, { className: "src-button-loading", duration: 300, hasHideAnimation: hasAnimation, hasShowAnimation: hasAnimation, status: status },
        react_1.default.createElement(ButtonLoadingElement_1.default, { hasAnimation: hasAnimation }, children !== null && children !== void 0 ? children : react_1.default.createElement(Loading_1.default, { color: getColor() }))));
};
ButtonLoading.displayName = 'SRCLoading';
exports.default = ButtonLoading;