var __assign = (this && this.__assign) || function () {
    __assign = Object.assign || function(t) {
        for (var s, i = 1, n = arguments.length; i < n; i++) {
            s = arguments[i];
            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
                t[p] = s[p];
        }
        return t;
    };
    return __assign.apply(this, arguments);
};
import React from 'react';
import { useEmotion, useStyles } from '../../lib/renderEnvironment/index.js';
import { ThemeContext } from '../../lib/theming/ThemeContext.js';
import { getStyles } from '../../components/Spinner/Spinner.styles.js';
import { SpinnerIcon } from '../SpinnerIcon/SpinnerIcon.js';
import { iconSizer } from './iconSizer.js';
var Icon = function (props) {
    var cx = useEmotion().cx;
    var styles = useStyles(getStyles);
    var theme = React.useContext(ThemeContext);
    return (React.createElement(SpinnerIcon, __assign({ className: cx(styles.circle(theme), styles.circleDimmedColor(theme), styles.circleWithoutColorAnimation()) }, props)));
};
export var LoadingIcon = iconSizer({
    small: function () { return React.createElement(Icon, { size: "mini" }); },
    medium: function () { return (React.createElement(Icon, { size: {
            size: 20,
            width: 1,
            radius: 6,
        } })); },
    large: function () { return (React.createElement(Icon, { size: {
            size: 24,
            width: 1.5,
            radius: 8,
        } })); },
}, 'LoadingIcon');
//# sourceMappingURL=LoadingIcon.js.map