import React from 'react';
import { getOnRampProviderLogo } from './getOnRampProviderLogo';
import { getStyleForTopLevelComponent } from '../../../core/utils/getStyleForTopLevelComponent';
import { WaitingFor } from '../../commons/WaitingFor';
import '../../styles/base/waitingForOnRampProvider.sass';
export var WaitingForOnRampProvider = function (_a) {
    var className = _a.className, onRampProviderName = _a.onRampProviderName, _b = _a.logoColor, logoColor = _b === void 0 ? 'white' : _b;
    var onRampProviderLogo = getOnRampProviderLogo(onRampProviderName, logoColor);
    var note = "Waiting for " + onRampProviderName + " to send you money";
    return (React.createElement("div", { className: "universal-login-waiting-for-ramp" },
        React.createElement("div", { className: getStyleForTopLevelComponent(className) },
            React.createElement("div", { className: "waiting-for-ramp" },
                React.createElement("div", { className: "waiting-for-ramp-content" },
                    React.createElement("img", { src: onRampProviderLogo, className: "waiting-for-ramp-img" }),
                    React.createElement(WaitingFor, { action: note, className: className }))))));
};
//# sourceMappingURL=WaitingForOnRampProvider.js.map