import React, {Component} from 'react';
import {observer} from 'mobx-react';
import { WeaDialog } from "ecCom";
import Tip from './Tip';
import FormInfo from './FormInfo';

@observer
export default class EncryptSetting extends Component{
    render(){
        const {store} = this.props;
        const {encryptDialogProps, formTarget, encryptFormItemRender} = store;
        const {
			encryptForm,
			encryptFormFields,
		} = formTarget;

        return (
            <WeaDialog ecId={`${this && this.props && this.props.ecId || ''}_WeaDialog@9corpv`} {...encryptDialogProps}>
                <Tip ecId={`${this && this.props && this.props.ecId || ''}_Tip@p2simx`} />
                <div className='encryptForm' style={{width: '70%', marginLeft: '15%'}}>
                    <FormInfo ecId={`${this && this.props && this.props.ecId || ''}_FormInfo@0dc7ac`} center={false} form={encryptForm} formFields={encryptFormFields} itemRender={encryptFormItemRender}/>
                </div>
            </WeaDialog>
        )
    }
}