import React,{PropTypes} from 'react';
import ReactDOM from 'react-dom';
import {Row,Col,Button} from 'antd';
import cx from 'classnames';
import s from './alert.scss';

//this is SettingRegistrationProcess
class AlertSettingRegistrationProcess extends React.Component{
	constructor(props){
		super(props);
		this.handleClick=this.handleClick.bind(this);
		this.state={
			hide:false
		}
	}
	handleClick(){
		this.setState({
			hide:true
		})
	}
	render(){
		const {hide}=this.state;
		return(
			<div className={cx(s.alertCommon)} hide={hide}>
				<div className={cx(s.entryInformation)}>
					<Row className={cx(s.head)}>
						<Col span={1}>
							<i className={cx('kr_icon')} style={{color:'#00bb9c'}}>&#xe60f;</i>
						</Col>
						<Col span={2}>
							<span>提示</span>
						</Col>
						<Col onClick={this.handleClick} span={1} style={{float:'right',cursor:'pointer'}}>
							<i className={cx('kr_icon')}>&#xe612;</i>
						</Col>
					</Row>
					<Row className={cx(s.content)}>
						<Col span={24}>
							<p>您首次使用请先设置报到流程</p>
						</Col>
					</Row>
					<Row className={cx(s.footer)}>
						<Col span={24} >
							<Button style={{backgroundColor:'#fff',color:'#333',marginRight:'40px'}} type="primary">
								<a href=''>跳过</a>
							</Button>
							<Button type="primary">
								<a href=''>前往设置</a>
							</Button>
						</Col>
					</Row>
				</div>
			</div>
		)
	}
}

export default AlertSettingRegistrationProcess;