"use strict";

var _box = _interopRequireDefault(require("../../box"));

var _icon = _interopRequireDefault(require("../../icon"));

var _ = _interopRequireDefault(require(".."));

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

var _reactDom = _interopRequireDefault(require("react-dom"));

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

_reactDom["default"].render( /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_box["default"], {
  direction: "row",
  spacing: 60
}, /*#__PURE__*/_react["default"].createElement(_["default"], {
  percent: 30,
  shape: "circle",
  color: "#AF5F3C"
}), /*#__PURE__*/_react["default"].createElement(_["default"], {
  percent: 50,
  shape: "circle",
  color: "#E91E63",
  backgroundColor: '#00BCD4'
}), /*#__PURE__*/_react["default"].createElement(_["default"], {
  percent: 90,
  shape: "circle",
  color: "rgba(119,66,141, 0.9)",
  textRender: function textRender() {
    return /*#__PURE__*/_react["default"].createElement(_icon["default"], {
      type: "select",
      size: "xl"
    });
  }
})), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_box["default"], {
  direction: "column",
  spacing: 20
}, /*#__PURE__*/_react["default"].createElement(_["default"], {
  percent: 30,
  shape: "line",
  color: "rgb(208,16,76)"
}), /*#__PURE__*/_react["default"].createElement(_["default"], {
  percent: 50,
  shape: "line",
  color: "#E91E63",
  backgroundColor: '#00BCD4'
}), /*#__PURE__*/_react["default"].createElement(_["default"], {
  percent: 90,
  shape: "line",
  color: "blue",
  textRender: function textRender() {
    return /*#__PURE__*/_react["default"].createElement(_icon["default"], {
      type: "select",
      size: "medium"
    });
  }
}))), document.getElementById('progress-demo-6'));