jobiqo-cl/lib/src/icons/Clock.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 SvgClockIcon = (_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 64 64", width: "1em", height: "1em", "aria-labelledby": titleId }, props),
        title ? React__default.createElement("title", { id: titleId }, title) : null,
        React__default.createElement("g", { className: "clock_svg__nc-icon-wrapper" },
            React__default.createElement("path", { d: "M32 1C14.907 1 1 14.907 1 32s13.907 31 31 31 31-13.907 31-31S49.093 1 32 1zm0 60C16.01 61 3 47.99 3 32S16.01 3 32 3s29 13.01 29 29-13.01 29-29 29z" }),
            React__default.createElement("circle", { "data-color": "color-2", cx: 32, cy: 10, r: 2 }),
            React__default.createElement("circle", { "data-color": "color-2", cx: 54, cy: 32, r: 2 }),
            React__default.createElement("circle", { "data-color": "color-2", cx: 32, cy: 54, r: 2 }),
            React__default.createElement("circle", { "data-color": "color-2", cx: 10, cy: 32, r: 2 }),
            React__default.createElement("path", { "data-color": "color-2", d: "M36.885 35.471a6.045 6.045 0 01-1.414 1.414l9.822 9.822 1.414-1.414-9.822-9.822zM35.851 30.977l8.563-8.563a2 2 0 10-2.828-2.828l-8.563 8.563c-.746-.199-1.299-.199-2.046 0L20.414 17.586a2 2 0 10-2.828 2.828l10.563 10.563A3.975 3.975 0 0028 32c0 2.206 1.794 4 4 4s4-1.794 4-4c0-.356-.062-.694-.149-1.023z" }))));
};
const SvgClockStyle = (_a) => {
    var { color = 'currentColor', title } = _a, props = tslib_es6.__rest(_a, ["color", "title"]);
    return (React__default.createElement(SvgClockIcon, Object.assign({ color: getFillColor(props.theme, color), fill: getFillColor(props.theme, color), title: title }, props)));
};
const ClockIcon = styled.withTheme(SvgClockStyle);

exports.ClockIcon = ClockIcon;