import DatePicker from '../../date-picker';
import Form from '..';
import Input from '../../input';
import NumberPicker from '../../number-picker';
import React from 'react';
import ReactDOM from 'react-dom';
import Select from '../../select';
import TimePicker from '../../time-picker';
// import { NumberPicker } from '@alifd/next';
const FormItem = Form.Item;
const formItemLayout = {
    labelCol: {
        span: 6,
    },
    wrapperCol: {
        span: 14,
    },
};
ReactDOM.render(React.createElement(Form, Object.assign({}, formItemLayout),
    React.createElement(FormItem, { label: "Input Error\uFF1A", validateState: "error", help: "Please enter a numeric and alphabetic string" },
        React.createElement(Input, { defaultValue: "Invalid choice" })),
    React.createElement(FormItem, { label: "Loading\uFF1A", hasFeedback: true, validateState: "loading", help: "Information Checking..." },
        React.createElement(Input, { defaultValue: "Checking" })),
    React.createElement(FormItem, { label: "Success\uFF1A", hasFeedback: true, validateState: "success" },
        React.createElement(Input, { defaultValue: "Successful verification" })),
    React.createElement(FormItem, { label: "Datepicker\uFF1A", validateState: "error", help: "Please select the correct date" },
        React.createElement(DatePicker, null)),
    React.createElement(FormItem, { label: "Timepicker\uFF1A", validateState: "error", help: "Please select the correct time" },
        React.createElement(TimePicker, null)),
    React.createElement(FormItem, { label: "Select\uFF1A", validateState: "error", help: "Please select a country" },
        React.createElement(Select, { placeholder: "Please select a country" },
            React.createElement("option", { value: "china" }, "China"),
            React.createElement("option", { value: "use" }, "United States"),
            React.createElement("option", { value: "japan" }, "Japan"),
            React.createElement("option", { value: "korean" }, "South Korea"),
            React.createElement("option", { value: "Thailand" }, "Thailand"))),
    React.createElement(FormItem, { label: "NumberPicker\uFF1A", validateState: "error" },
        React.createElement(NumberPicker, { defaultValue: 0, theme: 'grey' })),
    React.createElement(FormItem, { label: "NumberPicker\uFF1A", validateState: "error" },
        React.createElement(NumberPicker, { type: 'inline', theme: 'grey', defaultValue: 0 }))), document.getElementById('form-demo-9'));
