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 EntryInformation
class AlertEntryInformation extends React.Component{
	constructor(props){
		super(props);
	}
	render(){
		return(
			<div className={cx(s.alertCommon)}>
				<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 span={18}>完善入职信息</Col>
					</Row>
					<Row className={cx(s.content)}>
						<Col span={24}>
							<p>
								<span style={{color:'#337733'}}>范文华</span>,您好!&nbsp;&nbsp;欢迎加入<span>北京科技快人有限公司</span>大家庭
							</p>
							<p>请完善个人信息完成入职。</p>
						</Col>
					</Row>
					<Row className={cx(s.footer)}>
						<Col span={24} >
							<Button type="primary">
								<a href=''>立即前往</a>
							</Button>
						</Col>
					</Row>
				</div>
			</div>
		)
	}
}

export default AlertEntryInformation;