import React, {Component} from 'react';
import {observer} from 'mobx-react';
import {WeaDialog, WeaNewScroll} from 'ecCom';
import {FormInfo} from '../../../hrmComsPublic/index';

@observer
export default class CreateGroup extends Component{
    render(){
        const {
			store
        } = this.props;
        const {createGroupDialogProps, formTarget} = store;
        
        const {
            createGroupForm: form,
            createGroupFormFields: fields
        } = formTarget;

        return (
            <WeaDialog ecId={`${this && this.props && this.props.ecId || ''}_WeaDialog@tg3428`} {...createGroupDialogProps} key={new Date().getTime()}>
                <WeaNewScroll ecId={`${this && this.props && this.props.ecId || ''}_WeaNewScroll@tj6hyx`} height={'100%'}>
                    <FormInfo ecId={`${this && this.props && this.props.ecId || ''}_FormInfo@4137i7`} 
                        className='formComponent' 
                        center={false} 
                        form={form} 
                        formFields={fields} />
                </WeaNewScroll>
            </WeaDialog>
        )
    }
}