import React, {
	Component
} from 'react';
import {
	WeaSwitch
} from 'comsMobx'
import {
	Row,
	Col
} from 'antd';
import {
	observer
} from 'mobx-react';

export default class IPAddress extends Component {
	constructor(props) {
		super(props);
	}

	render() {
		const {
			filds,
			form,
		} = this.props;
		return (
			<Row gutter={16} className="ipAddress">
				<Col span={6}><div className="num"><WeaSwitch fieldConfig={filds[0]} form={form} /></div><div className="point">.</div></Col>
				<Col span={6}><div className="num"><WeaSwitch fieldConfig={filds[1]} form={form} /></div><div className="point">.</div></Col>
				<Col span={6}><div className="num"><WeaSwitch fieldConfig={filds[2]} form={form} /></div><div className="point">.</div></Col>
				<Col span={6}><WeaSwitch fieldConfig={filds[3]} form={form} /></Col>
            </Row>
		);
	}
}