@zohodesk/svg/es/v1/Loader/Loader.js

This Bundle Contains EmptyState Images.

import React, { memo } from 'react';
import defaultProps from "./props/defaultProps";
import propTypes from "./props/propTypes";
import SVG from "../SVG/SVG";
import cssStyle from "../../SVG/SVG.module.css";
import style from "./V1_LoaderSvg.module.css";

function Loader(props) {
  const {
    dataId,
    isCover,
    className
  } = props;
  return /*#__PURE__*/React.createElement("div", {
    className: `${isCover ? cssStyle.center : cssStyle.loader} ${className}`
  }, /*#__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 = propTypes;
Loader.defaultProps = defaultProps;
const MemoizedLoader = /*#__PURE__*/memo(Loader);
MemoizedLoader.propTypes = propTypes;
MemoizedLoader.defaultProps = defaultProps;
MemoizedLoader.displayName = 'Loader';
export default MemoizedLoader;