spinners-react/lib/esm/SpinnerRoundOutlined.js

Lightweight SVG/CSS spinners for React

import { w as withSharedProps, _ as __rest, a as __assign } from './withSharedProps-KvHSGnzu.js';
import React from 'react';
import { s as styleInject, d as defaultProps } from './style-inject.es-CuJ1gXUq.js';

var css_248z = "@keyframes spinners-react-round-outlined{35%,65%{r:2px;stroke-width:4}}";
styleInject(css_248z);

var animations = [
    {
        r: 2,
    },
    {
        name: 'spinners-react-round-outlined',
        r: 14,
    },
    {
        name: 'spinners-react-round-outlined',
        r: 28,
    },
];
function Component(_a) {
    var _b = _a.speed, speed = _b === void 0 ? defaultProps.speed : _b, _c = _a.still, still = _c === void 0 ? defaultProps.still : _c, _d = _a.thickness, thickness = _d === void 0 ? defaultProps.thickness : _d, svgProps = __rest(_a, ["speed", "still", "thickness"]);
    var strokeWidth = 3 * (thickness / 100);
    return (React.createElement("svg", __assign({ fill: "none" }, svgProps, { viewBox: "0 0 66 66" }), animations.map(function (animation, i) { return (React.createElement("circle", { key: "spinner-round-outlined-r".concat(animation.r), cx: "33", cy: "33", fill: "none", r: animation.r, stroke: "currentColor", strokeWidth: i ? strokeWidth : 4, style: animation.name && !still
            ? { animation: "".concat(animation.name, " ").concat(140 / speed, "s ease-in-out infinite") }
            : {} })); })));
}
var SpinnerRoundOutlined = withSharedProps(Component);

export { SpinnerRoundOutlined };
//# sourceMappingURL=SpinnerRoundOutlined.js.map