import React from 'react';
import './../styles/balance.sass';
import './../styles/balanceDefault.sass';
import { getStyleForTopLevelComponent } from '../../core/utils/getStyleForTopLevelComponent';
import { formatCurrency } from '../../core/utils/formatCurrency';
import Spinner from './Spinner';
export var Balance = function (_a) {
    var amount = _a.amount, className = _a.className;
    return (React.createElement("div", { className: "universal-login-balance" },
        React.createElement("div", { className: getStyleForTopLevelComponent(className) },
            React.createElement("div", { className: "balance" }, amount === undefined
                ? React.createElement("div", { className: "balance-spinner-wrapper" },
                    React.createElement(Spinner, { className: "balance-spinner" }))
                : React.createElement(React.Fragment, null,
                    React.createElement("p", { className: "balance-text" }, "Balance"),
                    React.createElement("p", { className: "balance-amount" }, formatCurrency(amount.toString())))))));
};
//# sourceMappingURL=Balance.js.map