import {
	inject,
	observer,
} from 'mobx-react'

import React, {
	Component
} from 'react';

import {
	Tabs
} from 'antd'

const TabPane = Tabs.TabPane;

import {
	i18n
} from '../../public/i18n';

import AdminRemind from './AdminRemind'
import EmployeeRemind from './EmployeeRemind'

@inject('hrmBirthdayRemindSet')
@observer
export default class Birthday extends React.Component {
	constructor(props) {
		super(props);
	}

	render() {
		const {
			hrmBirthdayRemindSet
		} = this.props, {
			tabs,
			clickTabs
		} = hrmBirthdayRemindSet, {
			key
		} = tabs;

		return (<div style={{marginTop: 10}} className='hrm-staff-remind'>
					<Tabs ecId={`${this && this.props && this.props.ecId || ''}_Tabs@u6xh0x`} onChange={key => clickTabs(key)} type="card" activeKey={key}>
	    				<TabPane ecId={`${this && this.props && this.props.ecId || ''}_TabPane@64aokx`} tab={i18n.label.sysadminRemind()} key='0'>{key == '0' && <AdminRemind ecId={`${this && this.props && this.props.ecId || ''}_AdminRemind@2x9q24`} />}</TabPane>
	    				<TabPane ecId={`${this && this.props && this.props.ecId || ''}_TabPane@5xxe4c`} tab={i18n.label.staffRemind()} key='1'>{key == '1' && <EmployeeRemind ecId={`${this && this.props && this.props.ecId || ''}_EmployeeRemind@woq0f0`} />}</TabPane>
	  				</Tabs>
	  			</div>)

	}
}