/**
 * 用户信息管理
 */
import { Form, Input, Button } from 'antd'
const { Item: FormItem } = Form

const UserInfo = () => {
    const formItemLayout = {
        labelCol: {
            xs: { span: 24 },
            sm: { span: 5 },
        },
        wrapperCol: {
            xs: { span: 24 },
            sm: { span: 12 },
        },
    };
    return (
        <Form>
            <FormItem
                {...formItemLayout}
                label="原密码"
            >
                <Input id="oldPassword" type='password' />
            </FormItem>
            <FormItem
                {...formItemLayout}
                label="新密码"
            >
                <Input id="newPassword" type='password' />
            </FormItem>
            <FormItem
                {...formItemLayout}
                label="确认新密码"
            >
                <Input id="confirmPassword" type='password' />
            </FormItem>
            <FormItem wrapperCol={{
            xs: { span: 24 },
            sm: { span: 14, offset: 10 },
          }}>
                <Button type="primary" htmlType="submit">确认修改</Button>
            </FormItem>
        </Form>
    )
}

export default UserInfo;