"use strict";

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

const tslib_1 = require("tslib");

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

const Vector_1 = tslib_1.__importDefault(require("../../Vector"));

const deps_1 = require("../deps");

class CirclePlaceholder extends react_1.default.PureComponent {
  render() {
    let _a = this.props,
        {
      fill,
      width,
      height,
      viewBox
    } = _a,
        remainingProps = tslib_1.__rest(_a, ["fill", "width", "height", "viewBox"]);

    const circleSpecs = deps_1.getSVGSpecs(width, height);
    let rx = circleSpecs.width;
    let ry = circleSpecs.height;
    /**
     * assigning the validated values
     */

    width = circleSpecs.width;
    height = circleSpecs.height;
    viewBox = circleSpecs.viewBox;
    const attributes = Object.assign({
      width,
      height,
      viewBox
    }, remainingProps);
    return react_1.default.createElement(Vector_1.default, Object.assign({}, attributes), react_1.default.createElement("rect", {
      rx: rx,
      ry: ry,
      width: width,
      height: height,
      fill: fill,
      fillRule: "evenodd"
    }));
  }

}

CirclePlaceholder.defaultProps = {
  fill: '#D8D8D8',
  viewBox: '0 0 200 200',
  width: '200px',
  height: '200px',
  isDynamicViewBox: true
};
exports.CirclePlaceholder = CirclePlaceholder;
exports.default = CirclePlaceholder; //# sourceMappingURL=CirclePlaceholder.js.map