import React, { Component } from 'react';
import { Flex, NavBar, List, InputItem } from 'antd-mobile';
import { createForm } from 'rc-form';

class orderinfo extends Component {
  render() {
    const { getFieldProps } = this.props.form;
    return (
      <Flex>
            <Flex.Item>
                <NavBar
                    style={{ "height": "44px" }}
                    className="order-tab"
                    mode="light"
                    icon={<i className="iconfont iconiconfront-68"></i>}
                >
                    报名信息
                </NavBar>
                <div>
                    <List>
                        <InputItem
                            {...getFieldProps('autofocus')}
                            clear
                            placeholder="auto focus"
                            ref={el => this.autoFocusInst = el}
                        >电话</InputItem>
                        <InputItem
                            {...getFieldProps('focus')}
                            clear
                            placeholder="click the button below to focus"
                            ref={el => this.inputRef = el}
                        >姓名</InputItem>
                    </List>
                </div>
            </Flex.Item>
      </Flex>
    )
  }
}

const Basicorderinfo = createForm()(orderinfo);

export default Basicorderinfo;