import Form from '..';
import Grid from '../../grid';
import Input from '../../input';
import React from 'react';
import ReactDOM from 'react-dom';
const FormItem = Form.Item;
const { Row, Col } = Grid;
const formItemLayout = {
    labelCol: { span: 4 },
    wrapperCol: { span: 14 },
};
const insetLayout = {
    labelCol: { fixedSpan: 3 },
};
ReactDOM.render(React.createElement(Form, Object.assign({}, formItemLayout),
    React.createElement(FormItem, { id: "control-input", label: "Input Something\uFF1A" },
        React.createElement(Row, { gutter: "4" },
            React.createElement(Col, null,
                React.createElement(FormItem, Object.assign({ style: { margin: 0 }, label: "Nest", labelAlign: "inset" }, insetLayout, { required: true, requiredTrigger: "onBlur", asterisk: false }),
                    React.createElement(Input, { placeholder: "Please enter...", name: "firstname" }))),
            React.createElement(Col, null,
                React.createElement(FormItem, Object.assign({ style: { margin: 0 }, label: "Nest", labelAlign: "inset" }, insetLayout, { required: true, asterisk: false }),
                    React.createElement(Input, { placeholder: "need onChange", name: "secondname" }))))),
    React.createElement(FormItem, { label: "Bank Account\uFF1A" },
        React.createElement(Row, { gutter: "4" },
            React.createElement(Col, null,
                React.createElement(FormItem, { required: true, requiredTrigger: "onBlur" },
                    React.createElement(Input, { name: "A" }))),
            React.createElement(Col, null,
                React.createElement(FormItem, { required: true, requiredTrigger: "onBlur" },
                    React.createElement(Input, { name: "B" }))),
            React.createElement(Col, null,
                React.createElement(FormItem, { required: true, requiredTrigger: "onBlur" },
                    React.createElement(Input, { name: "C" }))),
            React.createElement(Col, null,
                React.createElement(FormItem, { required: true, requiredTrigger: "onBlur" },
                    React.createElement(Input, { name: "D" }))))),
    React.createElement(FormItem, { label: " " },
        React.createElement(Form.Submit, { validate: true, onClick: v => console.log(v) }, "Submit"))), document.getElementById('form-demo-5'));
