"use strict";

var __decorate = this && this.__decorate || function (decorators, target, key, desc) {
  var c = arguments.length,
      r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
      d;
  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
  return c > 3 && r && Object.defineProperty(target, key, r), r;
};

var __importDefault = this && this.__importDefault || function (mod) {
  return mod && mod.__esModule ? mod : {
    "default": mod
  };
};

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

const react_1 = __importDefault(require("react"));

const styled_1 = require("./styled");

const Vector_1 = require("../../../../atoms/Vector");

let CircleLoader = class CircleLoader extends react_1.default.PureComponent {
  render() {
    return react_1.default.createElement("div", {
      className: "circle-loader-showbox"
    }, react_1.default.createElement("div", {
      className: "circle-loader"
    }, react_1.default.createElement(Vector_1.Vector, Object.assign({}, this.props, {
      className: "circular"
    }), react_1.default.createElement("circle", {
      className: "bg",
      cx: "50",
      cy: "50",
      r: "20",
      fill: "none",
      strokeWidth: "4",
      strokeMiterlimit: "10"
    }), react_1.default.createElement("circle", {
      className: "path",
      cx: "50",
      cy: "50",
      r: "20",
      fill: "none",
      strokeWidth: "2",
      strokeMiterlimit: "10"
    }))));
  }

};
CircleLoader.defaultProps = {
  width: '50px',
  height: 'auto',
  viewBox: '25 25 50 50'
};
CircleLoader = __decorate([styled_1.circleLoaderStyles()], CircleLoader);
exports.CircleLoader = CircleLoader;
exports.default = CircleLoader; //# sourceMappingURL=CircleLoader.js.map