import Form from '../../form';
import Input from '..';
import React from 'react';
import ReactDOM from 'react-dom';
const FormItem = Form.Item;
function onChange(v) {
    console.log(v);
}
ReactDOM.render(React.createElement("div", null,
    React.createElement("p", null, "normal"),
    React.createElement(Form, { style: { width: '200px' } },
        React.createElement(FormItem, { label: "", hasFeedback: true, help: "\u5E2E\u52A9\u6587\u6848" },
            React.createElement(Input, { size: "large", placeholder: "Large", onChange: onChange, "aria-label": "Large" })),
        React.createElement(FormItem, { label: "", hasFeedback: true, help: "disabled\u72B6\u6001" },
            React.createElement(Input, { size: "large", placeholder: "Large", onChange: onChange, "aria-label": "Large", disabled: true })),
        React.createElement(FormItem, { label: "", hasFeedback: true, help: "wraning\u72B6\u6001" },
            React.createElement(Input, { size: "large", state: 'warning', placeholder: "Large", onChange: onChange, "aria-label": "Large" })),
        React.createElement(FormItem, { label: "", validateState: "error", help: "\u8FD9\u91CC\u662F\u51FA\u9519\u6587\u6848" },
            React.createElement(Input, { state: "error", size: "large", placeholder: "Large", onChange: onChange, "aria-label": "Large" })),
        React.createElement(Input.TextArea, { placeholder: "TextArea", maxLength: 100, rows: 4, showLimitHint: true, "aria-label": "input max length 100" })),
    React.createElement("br", null),
    React.createElement("br", null),
    React.createElement("p", null, "grey\u4E0B\u7684input"),
    React.createElement("div", { style: { background: '#f3f3f3', padding: '10px' } },
        React.createElement(Form, { style: { width: '200px' } },
            React.createElement(FormItem, { label: "", hasFeedback: true, help: "\u5E2E\u52A9\u6587\u6848" },
                React.createElement(Input, { size: "large", placeholder: "Large", onChange: onChange, "aria-label": "Large", theme: 'grey' })),
            React.createElement(FormItem, { label: "", hasFeedback: true, help: "disabled\u72B6\u6001" },
                React.createElement(Input, { size: "large", placeholder: "Large", onChange: onChange, "aria-label": "Large", theme: 'grey', disabled: true })),
            React.createElement(FormItem, { label: "", hasFeedback: true, help: "wraning\u72B6\u6001" },
                React.createElement(Input, { size: "large", state: 'warning', placeholder: "Large", onChange: onChange, "aria-label": "Large", theme: 'grey' })),
            React.createElement(FormItem, { label: "", validateState: "error", help: "\u8FD9\u91CC\u662F\u51FA\u9519\u6587\u6848" },
                React.createElement(Input, { state: "error", size: "large", placeholder: "Large", onChange: onChange, "aria-label": "Large", theme: 'grey' })),
            React.createElement(Input.TextArea, { placeholder: "TextArea", maxLength: 100, rows: 4, showLimitHint: true, "aria-label": "input max length 100", theme: 'grey' })))), document.getElementById('input-demo-1'));
