@git-temporal/git-temporal-react
Version:
<!-- START doctoc generated TOC please keep comment here to allow auto update --> <!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->
17 lines (16 loc) • 1.53 kB
JavaScript
"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"));
exports.SpinnerImage = (props) => {
const { height = 200, width = 200 } = props;
return (react_1.default.createElement("svg", { height: height, width: width, version: "1.1", id: "L2", xmlns: "http://www.w3.org/2000/svg", x: "0px", y: "0px", viewBox: "0 0 100 100", enableBackground: "new 0 0 100 100" },
react_1.default.createElement("circle", { fill: "none", stroke: "#ccc", strokeWidth: "4", strokeMiterlimit: "10", cx: "50", cy: "50", r: "48" }),
react_1.default.createElement("line", { fill: "none", strokeLinecap: "round", stroke: "#ccc", strokeWidth: "4", strokeMiterlimit: "10", x1: "50", y1: "50", x2: "85", y2: "50.5" },
react_1.default.createElement("animateTransform", { attributeName: "transform", dur: "2s", type: "rotate", to: "0 50 50", from: "360 50 50", repeatCount: "indefinite" })),
react_1.default.createElement("line", { fill: "none", strokeLinecap: "round", stroke: "#ccc", strokeWidth: "4", strokeMiterlimit: "10", x1: "50", y1: "50", x2: "49.5", y2: "74" },
react_1.default.createElement("animateTransform", { attributeName: "transform", dur: "15s", type: "rotate", to: "0 50 50", from: "360 50 50", repeatCount: "indefinite" }))));
};
exports.SpinnerImage.displayName = 'SpinnerImage';