jobiqo-cl/lib/src/icons/LoadingCircle.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 SvgLoadingCircleIcon = (_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("path", { fill: "currentColor", d: "M73 50c0-12.7-10.3-23-23-23S27 37.3 27 50m3.9 0c0-10.5 8.5-19.1 19.1-19.1S69.1 39.5 69.1 50" },
            React__default.createElement("animateTransform", { attributeName: "transform", attributeType: "XML", type: "rotate", dur: "1s", from: "0 50 50", to: "360 50 50", repeatCount: "indefinite" }))));
};
const SvgLoadingCircleStyle = (_a) => {
    var { color = 'currentColor', title } = _a, props = tslib_es6.__rest(_a, ["color", "title"]);
    return (React__default.createElement(SvgLoadingCircleIcon, Object.assign({ color: getFillColor(props.theme, color), fill: getFillColor(props.theme, color), title: title }, props)));
};
const LoadingCircleIcon = styled.withTheme(SvgLoadingCircleStyle);

exports.LoadingCircleIcon = LoadingCircleIcon;