"use strict";

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(_["default"], {
  placeholder: "width:400",
  style: {
    width: 400
  },
  "aria-label": "style width 400"
}), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_["default"], {
  addonTextBefore: "http://",
  addonTextAfter: ".com",
  size: "medium",
  value: "alibaba",
  style: {
    width: 400
  },
  "aria-label": "style width 400"
}), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_["default"], {
  placeholder: "medium",
  maxLength: 10,
  showLimitHint: true,
  style: {
    width: 400
  },
  "aria-label": "style width 400"
}), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_["default"], {
  placeholder: "medium",
  hasClear: true,
  maxLength: 10,
  showLimitHint: true,
  style: {
    width: 400
  },
  className: "my-input-class",
  state: "success",
  "aria-label": "style width 400"
}), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_["default"], {
  placeholder: "className",
  className: "my-input-class",
  "aria-label": "custom my input class",
  style: {
    width: '500px'
  }
}), /*#__PURE__*/_react["default"].createElement(_["default"], {
  htmlType: "hidden",
  "aria-label": "hidden input"
})), document.getElementById('input-demo-12'));