@zohodesk/svg
Version:
This Bundle Contains EmptyState Images.
55 lines (53 loc) • 1.46 kB
JavaScript
import React from 'react';
import { LoaderDefaultProps } from "./props/defaultProps";
import { LoaderProps } from "./props/propTypes";
import SVG from "./../SVG/SVG";
import cssStyle from "./../SVG/SVG.module.css";
import style from "./LoaderSvg.module.css";
export default class Loader extends React.PureComponent {
constructor(props) {
super(props);
}
render() {
let {
dataId
} = this.props;
return /*#__PURE__*/React.createElement("div", {
className: cssStyle.center
}, /*#__PURE__*/React.createElement(SVG, {
viewBox: "0 0 40 40",
name: "Loader",
className: `${cssStyle.loaderWrapper} ${style.container}`,
dataId: dataId
}, /*#__PURE__*/React.createElement("circle", {
fill: "none",
stroke: "#089949",
strokeWidth: 2,
strokeLinecap: "round",
strokeLinejoin: "round",
cx: 20,
cy: 20,
r: 13,
className: style.outerCircle,
strokeDasharray: 82,
strokeDashoffset: 82
}), /*#__PURE__*/React.createElement("circle", {
fill: "none",
stroke: "#17c662",
strokeLinecap: "round",
strokeLinejoin: "round",
cx: 20,
cy: 20,
r: 8,
className: style.innerCircle,
strokeDasharray: 50,
strokeDashoffset: 50
})));
}
}
Loader.propTypes = LoaderProps;
Loader.defaultProps = LoaderDefaultProps; // if (__DOCS__) {
// Loader.docs = {
// componentGroup: 'SVG'
// };
// }