spinners-react/lib/cjs/SpinnerRound.js

Lightweight SVG/CSS spinners for React

'use strict';

var withSharedProps = require('./withSharedProps-EQOgeSQG.js');
var React = require('react');
var styleInject_es = require('./style-inject.es-GkBwmmgD.js');

var css_248z = "@keyframes spinners-react-round{27%,73%{r:2px;stroke-width:4}}";
styleInject_es.styleInject(css_248z);

function Component(_a) {
    var _b = _a.speed, speed = _b === void 0 ? styleInject_es.defaultProps.speed : _b, _c = _a.still, still = _c === void 0 ? styleInject_es.defaultProps.still : _c, _d = _a.thickness, thickness = _d === void 0 ? styleInject_es.defaultProps.thickness : _d, svgProps = withSharedProps.__rest(_a, ["speed", "still", "thickness"]);
    var strokeWidth = 3 * (thickness / 100);
    var circleStyle = {
        animation: "spinners-react-round ".concat(140 / speed, "s ease-in-out infinite"),
        transformOrigin: 'center',
    };
    if (still)
        circleStyle.animation = 'none';
    return (React.createElement("svg", withSharedProps.__assign({ fill: "none" }, svgProps, { viewBox: "0 0 66 66" }),
        React.createElement("circle", { cx: "33", cy: "33", fill: "none", r: 28, stroke: "currentColor", strokeWidth: strokeWidth, style: circleStyle })));
}
var SpinnerRound = withSharedProps.withSharedProps(Component);

exports.SpinnerRound = SpinnerRound;
//# sourceMappingURL=SpinnerRound.js.map