import {
	observer
} from 'mobx-react';
import {
	WeaSearchGroup,
} from 'ecCom';
import {
	Search
} from '../../../public/valhalla/components/index.js';
import ReminderContent from './ReminderContent.js';
import ReminderTable from './ReminderTable.js';

@observer
export default class ReminderSetting extends React.Component {
	render() {
		const {
			store
		} = this.props, {
			searchGroupTitles,
			searchStore,
		} = store;

		return (
			<div className='kq-remind'>
				<Search ecId={`${this && this.props && this.props.ecId || ''}_Search@7806xj`} store={searchStore}/>
				<WeaSearchGroup ecId={`${this && this.props && this.props.ecId || ''}_WeaSearchGroup@amu34i`} 
					title={searchGroupTitles[0]}
					showGroup={true}
				>
					<ReminderContent ecId={`${this && this.props && this.props.ecId || ''}_ReminderContent@whe320`} store={store}/>		
				</WeaSearchGroup>
				<WeaSearchGroup ecId={`${this && this.props && this.props.ecId || ''}_WeaSearchGroup@o29d8p`} 
					title={searchGroupTitles[1]}
					showGroup={true}
				>
					<ReminderTable ecId={`${this && this.props && this.props.ecId || ''}_ReminderTable@myg30z`} store={store}/>		
				</WeaSearchGroup>
			</div>
		);
	}
}