"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
var react_1 = __importDefault(require("react"));
require("./../styles/balance.sass");
require("./../styles/balanceDefault.sass");
var getStyleForTopLevelComponent_1 = require("../../core/utils/getStyleForTopLevelComponent");
var formatCurrency_1 = require("../../core/utils/formatCurrency");
var Spinner_1 = __importDefault(require("./Spinner"));
exports.Balance = function (_a) {
    var amount = _a.amount, className = _a.className;
    return (react_1.default.createElement("div", { className: "universal-login-balance" },
        react_1.default.createElement("div", { className: getStyleForTopLevelComponent_1.getStyleForTopLevelComponent(className) },
            react_1.default.createElement("div", { className: "balance" }, amount === undefined
                ? react_1.default.createElement("div", { className: "balance-spinner-wrapper" },
                    react_1.default.createElement(Spinner_1.default, { className: "balance-spinner" }))
                : react_1.default.createElement(react_1.default.Fragment, null,
                    react_1.default.createElement("p", { className: "balance-text" }, "Balance"),
                    react_1.default.createElement("p", { className: "balance-amount" }, formatCurrency_1.formatCurrency(amount.toString())))))));
};
//# sourceMappingURL=Balance.js.map