import React from 'react';
import { ProgressBar } from '../commons/ProgressBar';
import { getStyleForTopLevelComponent } from '../../core/utils/getStyleForTopLevelComponent';
import { useClassFor, classForComponent } from '../utils/classFor';
import { Spinner } from '../commons/Spinner';
import '../styles/base/waitingFor.sass';
import '../styles/themes/Legacy/waitingForThemeLegacy.sass';
import '../styles/themes/Jarvis/waitingForThemeJarvis.sass';
import '../styles/themes/UniLogin/waitingForThemeUniLogin.sass';
export var WaitingFor = function (_a) {
    var action = _a.action, description = _a.description, className = _a.className;
    return (React.createElement("div", { className: useClassFor('waitingfor') },
        React.createElement("div", { className: getStyleForTopLevelComponent(className) },
            React.createElement("div", { className: classForComponent('waitingfor-action-title-box') },
                action && React.createElement("h1", { className: classForComponent('waitingfor-action-title') },
                    React.createElement(Spinner, null),
                    action),
                description && React.createElement("p", { className: classForComponent('waitingfor-action-description') }, description)),
            React.createElement("div", { className: classForComponent('waitingfor-modal-pending-img') }),
            React.createElement("div", { className: classForComponent('waitingfor-modal-pending-section') },
                React.createElement(ProgressBar, { className: classForComponent('waitingfor-pending-bar') })))));
};
//# sourceMappingURL=WaitingFor.js.map