import React from 'react';
import { useThemeClassFor } from '../utils/classFor';
import '../styles/spinner.css';
import '../styles/themes/Legacy/spinnerThemeLegacy.sass';
import '../styles/themes/UniLogin/spinnerThemeUniLogin.sass';
export var Spinner = function (_a) {
    var className = _a.className, dotClassName = _a.dotClassName;
    var spinnerClassName = className ? "spinner " + className : 'spinner';
    var spinnerDotClassName = dotClassName ? "spinner-dot " + dotClassName : 'spinner-dot';
    return (React.createElement("div", { className: "universal-login" },
        React.createElement("div", { className: useThemeClassFor() + " " + spinnerClassName },
            React.createElement("div", { className: spinnerDotClassName }),
            React.createElement("div", { className: spinnerDotClassName }),
            React.createElement("div", { className: spinnerDotClassName }),
            React.createElement("div", { className: spinnerDotClassName }),
            React.createElement("div", { className: spinnerDotClassName }),
            React.createElement("div", { className: spinnerDotClassName }),
            React.createElement("div", { className: spinnerDotClassName }),
            React.createElement("div", { className: spinnerDotClassName }),
            React.createElement("div", { className: spinnerDotClassName }),
            React.createElement("div", { className: spinnerDotClassName }),
            React.createElement("div", { className: spinnerDotClassName }),
            React.createElement("div", { className: spinnerDotClassName }))));
};
export default Spinner;
//# sourceMappingURL=Spinner.js.map