jobiqo-cl/lib/src/icons/LoadingDots.js

[](https://circleci.com/gh/jobiqo/jobiqo-cl)

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }

var tslib_es6 = require('../../node_modules/tslib/tslib.es6.js');
var React = require('react');
var React__default = _interopDefault(React);
var styled = require('styled-components');
var styled__default = _interopDefault(styled);

const getFillColor = (theme, color) => {
    return theme && theme.colors[color] ? theme.colors[color] : color;
};
const SvgLoadingDotsIcon = (_a) => {
    var { title, theme = null, titleId = '' } = _a, props = tslib_es6.__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 = tslib_es6.__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 = styled.withTheme(SvgLoadingDotsStyle);

exports.LoadingDotsIcon = LoadingDotsIcon;