"use strict";

var _datePicker = _interopRequireDefault(require("../../date-picker"));

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

var _input = _interopRequireDefault(require("../../input"));

var _numberPicker = _interopRequireDefault(require("../../number-picker"));

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

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

var _select = _interopRequireDefault(require("../../select"));

var _timePicker = _interopRequireDefault(require("../../time-picker"));

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

// import { NumberPicker } from '@alifd/next';
var FormItem = _["default"].Item;
var formItemLayout = {
  labelCol: {
    span: 6
  },
  wrapperCol: {
    span: 14
  }
};

_reactDom["default"].render( /*#__PURE__*/_react["default"].createElement(_["default"], formItemLayout, /*#__PURE__*/_react["default"].createElement(FormItem, {
  label: "Input Error\uFF1A",
  validateState: "error",
  help: "Please enter a numeric and alphabetic string"
}, /*#__PURE__*/_react["default"].createElement(_input["default"], {
  defaultValue: "Invalid choice"
})), /*#__PURE__*/_react["default"].createElement(FormItem, {
  label: "Loading\uFF1A",
  hasFeedback: true,
  validateState: "loading",
  help: "Information Checking..."
}, /*#__PURE__*/_react["default"].createElement(_input["default"], {
  defaultValue: "Checking"
})), /*#__PURE__*/_react["default"].createElement(FormItem, {
  label: "Success\uFF1A",
  hasFeedback: true,
  validateState: "success"
}, /*#__PURE__*/_react["default"].createElement(_input["default"], {
  defaultValue: "Successful verification"
})), /*#__PURE__*/_react["default"].createElement(FormItem, {
  label: "Datepicker\uFF1A",
  validateState: "error",
  help: "Please select the correct date"
}, /*#__PURE__*/_react["default"].createElement(_datePicker["default"], null)), /*#__PURE__*/_react["default"].createElement(FormItem, {
  label: "Timepicker\uFF1A",
  validateState: "error",
  help: "Please select the correct time"
}, /*#__PURE__*/_react["default"].createElement(_timePicker["default"], null)), /*#__PURE__*/_react["default"].createElement(FormItem, {
  label: "Select\uFF1A",
  validateState: "error",
  help: "Please select a country"
}, /*#__PURE__*/_react["default"].createElement(_select["default"], {
  placeholder: "Please select a country"
}, /*#__PURE__*/_react["default"].createElement("option", {
  value: "china"
}, "China"), /*#__PURE__*/_react["default"].createElement("option", {
  value: "use"
}, "United States"), /*#__PURE__*/_react["default"].createElement("option", {
  value: "japan"
}, "Japan"), /*#__PURE__*/_react["default"].createElement("option", {
  value: "korean"
}, "South Korea"), /*#__PURE__*/_react["default"].createElement("option", {
  value: "Thailand"
}, "Thailand"))), /*#__PURE__*/_react["default"].createElement(FormItem, {
  label: "NumberPicker\uFF1A",
  validateState: "error"
}, /*#__PURE__*/_react["default"].createElement(_numberPicker["default"], {
  defaultValue: 0,
  theme: "grey"
})), /*#__PURE__*/_react["default"].createElement(FormItem, {
  label: "NumberPicker\uFF1A",
  validateState: "error"
}, /*#__PURE__*/_react["default"].createElement(_numberPicker["default"], {
  type: "inline",
  theme: "grey",
  defaultValue: 0
}))), document.getElementById('form-demo-9'));