@dromney/react-gear-gen/dist/components/spinner/SimpleSpinner.js

A library for displaying gears in react

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const react_1 = __importDefault(require("react"));
require("../../styles/spin.css");
function SimpleSpinner({ gear, rpm }) {
    if (!gear)
        return null;
    const animationName = rpm > 0 ? 'spin' : 'spin-reverse';
    const animationDuration = 60 / rpm / Math.abs(gear.totalRatio) + 's';
    return (react_1.default.createElement("div", { dangerouslySetInnerHTML: { __html: gear.svg }, style: {
            animationName,
            animationDuration,
            animationIterationCount: 'infinite',
            animationTimingFunction: 'linear',
            width: gear.size,
            height: gear.size
        } }));
}
exports.default = SimpleSpinner;