import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { useAppSelector } from 'src/app/redux/store';
import css from './Loader.module.scss';
import { _cx } from 'src/utility/class';
var cx = _cx(css);
export default function Loader(_a) {
    var fullSize = _a.fullSize, _b = _a.showText, showText = _b === void 0 ? true : _b;
    var _c = useAppSelector(function (state) { return state.config.config; }), language = _c.language, languageData = _c.languageData;
    var t = languageData[language];
    return (_jsxs("div", { className: cx('loader-container', { fullSize: fullSize }), children: [_jsxs("div", { className: cx('sk-fading-circle'), children: [_jsx("div", { className: cx('sk-circle1 sk-circle') }), _jsx("div", { className: cx('sk-circle2 sk-circle') }), _jsx("div", { className: cx('sk-circle3 sk-circle') }), _jsx("div", { className: cx('sk-circle4 sk-circle') }), _jsx("div", { className: cx('sk-circle5 sk-circle') }), _jsx("div", { className: cx('sk-circle6 sk-circle') }), _jsx("div", { className: cx('sk-circle7 sk-circle') }), _jsx("div", { className: cx('sk-circle8 sk-circle') }), _jsx("div", { className: cx('sk-circle9 sk-circle') }), _jsx("div", { className: cx('sk-circle10 sk-circle') }), _jsx("div", { className: cx('sk-circle11 sk-circle') }), _jsx("div", { className: cx('sk-circle12 sk-circle') })] }), showText && _jsxs("div", { className: "text-center", children: [t.loading || 'Loading', "..."] })] }));
}
