"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"], {
  state: "error",
  placeholder: "error",
  size: "xs",
  "aria-live": "assertive",
  "aria-label": "error"
}), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_["default"], {
  state: "error",
  placeholder: "error",
  size: "small",
  "aria-live": "assertive",
  "aria-label": "error"
}), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_["default"], {
  state: "error",
  showLimitHint: true,
  maxLength: 100,
  placeholder: "error",
  size: "medium",
  "aria-live": "assertive",
  "aria-label": "error"
}), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_["default"], {
  state: "error",
  multiple: true,
  placeholder: "error",
  size: "large",
  "aria-live": "assertive",
  "aria-label": "error"
}), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_["default"], {
  state: "success",
  size: "xs",
  value: "success",
  "aria-live": "assertive",
  "aria-label": "success"
}), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_["default"], {
  state: "success",
  size: "small",
  value: "success",
  "aria-live": "assertive",
  "aria-label": "success"
}), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_["default"], {
  state: "success",
  maxLength: 100,
  showLimitHint: true,
  placeholder: "success",
  size: "medium",
  "aria-live": "assertive",
  "aria-label": "success"
}), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_["default"], {
  state: "success",
  placeholder: "success",
  size: "large",
  "aria-live": "assertive",
  "aria-label": "success"
}), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_["default"], {
  state: "loading",
  placeholder: "loading",
  size: "xs",
  "aria-live": "assertive",
  "aria-label": "loading"
}), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_["default"], {
  state: "loading",
  placeholder: "loading",
  size: "small",
  "aria-live": "assertive",
  "aria-label": "loading"
}), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_["default"], {
  state: "loading",
  placeholder: "loading",
  size: "medium",
  "aria-live": "assertive",
  "aria-label": "loading"
}), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_["default"], {
  state: "loading",
  placeholder: "loading",
  size: "large",
  "aria-live": "assertive",
  "aria-label": "loading"
}), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null)), document.getElementById('input-demo-5'));