jobiqo-cl
Version:
[](https://circleci.com/gh/jobiqo/jobiqo-cl)
26 lines (23 loc) • 1.93 kB
JavaScript
import { __rest } from '../../node_modules/tslib/tslib.es6.js';
import React__default from 'react';
import { withTheme } from 'styled-components';
const getFillColor = (theme, color) => {
return theme && theme.colors[color] ? theme.colors[color] : color;
};
const SvgLoadingDotsIcon = (_a) => {
var { title, theme = null, titleId = '' } = _a, props = __rest(_a, ["title", "theme", "titleId"]);
return (React__default.createElement("svg", Object.assign({ viewBox: "0 0 100 100", width: "1em", height: "1em", "aria-labelledby": titleId }, props),
title ? React__default.createElement("title", { id: titleId }, title) : null,
React__default.createElement("circle", { fill: "currentColor", cx: 6, cy: 50, r: 6 },
React__default.createElement("animateTransform", { attributeName: "transform", dur: "1s", type: "translate", values: "0 15 ; 0 -15; 0 15", repeatCount: "indefinite", begin: 0.1 })),
React__default.createElement("circle", { fill: "currentColor", cx: 30, cy: 50, r: 6 },
React__default.createElement("animateTransform", { attributeName: "transform", dur: "1s", type: "translate", values: "0 10 ; 0 -10; 0 10", repeatCount: "indefinite", begin: 0.2 })),
React__default.createElement("circle", { fill: "currentColor", cx: 54, cy: 50, r: 6 },
React__default.createElement("animateTransform", { attributeName: "transform", dur: "1s", type: "translate", values: "0 5 ; 0 -5; 0 5", repeatCount: "indefinite", begin: 0.3 }))));
};
const SvgLoadingDotsStyle = (_a) => {
var { color = 'currentColor', title } = _a, props = __rest(_a, ["color", "title"]);
return (React__default.createElement(SvgLoadingDotsIcon, Object.assign({ color: getFillColor(props.theme, color), fill: getFillColor(props.theme, color), title: title }, props)));
};
const LoadingDotsIcon = withTheme(SvgLoadingDotsStyle);
export { LoadingDotsIcon };