import React from 'react';
import {
	inject,
	observer,
} from 'mobx-react';
import {
	WeaLocaleProvider
} from 'ecCom';
import {
	Tabs
} from 'antd';
import AdminRemind from './AdminRemind';
// import EmployeeRemind from './EmployeeRemind';
import EmployeeRemind from './EmployeeRemindNew';
const TabPane = Tabs.TabPane;
const getLabel = WeaLocaleProvider.getLabel;

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

	render() {
		const {
			hrmStaffCareReminder
		} = this.props, {
			tabs,
			tabsStaticProps,
		} = hrmStaffCareReminder, {
			activeKey
		} = tabs;

		return (
			<div style={{marginTop: 10}} className='hrm-staff-remind'>
				<Tabs ecId={`${this && this.props && this.props.ecId || ''}_Tabs@bbutwv`} {...tabsStaticProps} {...tabs}>
					{
						[getLabel(386231, '管理员提醒'),getLabel(386232, '员工提醒')].map( (label,index) => {
							const indexStr = index.toString();
							return (
								<TabPane ecId={`${this && this.props && this.props.ecId || ''}_TabPane@a4vz3y@hrm`} tab={label} key={indexStr}>
									{activeKey === '0' ? <AdminRemind ecId={`${this && this.props && this.props.ecId || ''}_AdminRemind@40bcky@hrm`} /> : <EmployeeRemind ecId={`${this && this.props && this.props.ecId || ''}_EmployeeRemind@ypaaji@hrm`} />}
								</TabPane>
							)
						})
					}
		  		</Tabs>
			</div>
		)

	}
}