react-spinners-css/lib/cjs/src/components/orbitals/orbitals.js

[](https://bit.cloud/joshk/react-spinners-css) [](https://www.npmjs.com/package/react-spinners-css) [![GitHub stars](htt

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.Orbitals = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const classnames_1 = __importDefault(require("classnames"));
const style_module_css_1 = __importDefault(require("./style.module.css"));
function Orbitals({ color = '#7f58af', className, style, }) {
    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)(style_module_css_1.default['lds-orbitals'], className), style: { ...style }, children: [(0, jsx_runtime_1.jsx)("div", { className: style_module_css_1.default.center, style: { background: color } }), (0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)(style_module_css_1.default['inner-spin']), children: [(0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(style_module_css_1.default['inner-arc'], style_module_css_1.default['inner-arc_start-a']), style: { borderColor: color } }), (0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(style_module_css_1.default['inner-arc'], style_module_css_1.default['inner-arc_end-a']), style: { borderColor: color } }), (0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(style_module_css_1.default['inner-arc'], style_module_css_1.default['inner-arc_start-b']), style: { borderColor: color } }), (0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(style_module_css_1.default['inner-arc'], style_module_css_1.default['inner-arc_end-b']), style: { borderColor: color } }), (0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(style_module_css_1.default['inner-moon-a']), style: { background: color } }), (0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(style_module_css_1.default['inner-moon-b']), style: { background: color } })] }), (0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)(style_module_css_1.default['outer-spin']), children: [(0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(style_module_css_1.default['outer-arc'], style_module_css_1.default['outer-arc_start-a']), style: { borderColor: color } }), (0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(style_module_css_1.default['outer-arc'], style_module_css_1.default['outer-arc_end-a']), style: { borderColor: color } }), (0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(style_module_css_1.default['outer-arc'], style_module_css_1.default['outer-arc_start-b']), style: { borderColor: color } }), (0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(style_module_css_1.default['outer-arc'], style_module_css_1.default['outer-arc_end-b']), style: { borderColor: color } }), (0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(style_module_css_1.default['outer-moon-a']), style: { background: color } }), (0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(style_module_css_1.default['outer-moon-b']), style: { background: color } })] })] }));
}
exports.Orbitals = Orbitals;
//# sourceMappingURL=orbitals.js.map