"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 SquarePlaceholder extends react_1.default.PureComponent {
  render() {
    let _a = this.props,
        {
      fill,
      width,
      height,
      viewBox
    } = _a,
        remainingProps = tslib_1.__rest(_a, ["fill", "width", "height", "viewBox"]);

    width = deps_1.stripMeasurement(width);
    height = deps_1.stripMeasurement(width);
    viewBox = `0 0 ${width} ${height}`;
    const attributes = Object.assign({
      width,
      height,
      viewBox
    }, remainingProps);
    return react_1.default.createElement(Vector_1.default, Object.assign({}, attributes), react_1.default.createElement("rect", {
      width: width,
      height: height,
      d: "M0 0h100v100H0z",
      fill: fill,
      fillRule: "evenodd"
    }));
  }

}

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