"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _react = _interopRequireDefault(require("react"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

var preCls = "weekly-report-card-board";

function Board(_ref) {
  var percent = _ref.percent;
  return /*#__PURE__*/_react["default"].createElement("div", {
    style: {
      position: "relative",
      paddingBottom: 1
    }
  }, /*#__PURE__*/_react["default"].createElement("div", {
    className: preCls
  }, /*#__PURE__*/_react["default"].createElement("div", {
    className: "".concat(preCls, "__cover")
  }), /*#__PURE__*/_react["default"].createElement("div", {
    className: "".concat(preCls, "__done")
  }, /*#__PURE__*/_react["default"].createElement("div", {
    className: "".concat(preCls, "__undone"),
    style: {
      transform: "rotate(".concat(Math.min(percent, 100) / 100 * 180, "deg)")
    }
  }), /*#__PURE__*/_react["default"].createElement("div", {
    className: "".concat(preCls, "__space"),
    style: {
      transform: "rotate(45deg)"
    }
  }), /*#__PURE__*/_react["default"].createElement("div", {
    className: "".concat(preCls, "__space")
  }), /*#__PURE__*/_react["default"].createElement("div", {
    className: "".concat(preCls, "__space"),
    style: {
      transform: "rotate(-45deg)"
    }
  })), /*#__PURE__*/_react["default"].createElement("div", {
    className: "".concat(preCls, "__center")
  }, /*#__PURE__*/_react["default"].createElement("div", null, Math.min(percent, 999), "%"))), /*#__PURE__*/_react["default"].createElement("div", {
    className: "".concat(preCls, "__cover--bottom")
  }));
}

var _default = Board;
exports["default"] = _default;