@slashid/docusaurus-theme-slashid
Version:
SlashID theme for Docusaurus.
37 lines (36 loc) • 1.36 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = exports.SpinnerColorType = void 0;
var _react = _interopRequireDefault(require("react"));
var _spinnerModule = _interopRequireDefault(require("./spinner.module.css"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/* ============================================================================
* Copyright (c) SlashID
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
* ========================================================================== */let SpinnerColorType;
exports.SpinnerColorType = SpinnerColorType;
(function (SpinnerColorType) {
SpinnerColorType["Light"] = "light";
SpinnerColorType["Blue"] = "blue";
})(SpinnerColorType || (exports.SpinnerColorType = SpinnerColorType = {}));
const Spinner = ({
color,
isBig,
size
}) => {
return <div className={`${_spinnerModule.default.host} ${_spinnerModule.default[color]} ${isBig ? _spinnerModule.default.big : ''}`} style={{
width: `${size}px`,
height: `${size}px`
}}>
{[...Array(4)].map((_, i) => <div key={i} style={{
width: `${size}px`,
height: `${size}px`
}} />)}
</div>;
};
var _default = Spinner;
exports.default = _default;