import React from 'react';
import { useStyles } from '../../lib/renderEnvironment/index.js';
import { LoadingIcon } from '../../internal/icons2022/LoadingIcon.js';
import { ButtonDataTids } from './Button.js';
import { getStyles } from './Button.styles.js';
export var LoadingButtonIcon = function (_a) {
    var size = _a.size, _b = _a.isCentered, isCentered = _b === void 0 ? true : _b;
    var styles = useStyles(getStyles);
    return (React.createElement("div", { "data-tid": ButtonDataTids.spinner, className: isCentered ? styles.loading() : undefined }, React.createElement(LoadingIcon, { size: size })));
};
//# sourceMappingURL=LoadingButtonIcon.js.map