import {
	observer
} from 'mobx-react';
import {
	WeaTransfer,
} from 'ecCom';
import {
	toJS
} from 'mobx';
import isEmpty from 'lodash/isEmpty'

@observer
export default class Customization extends React.Component {
	constructor(props) {
		super(props);
	}

	render() {
		const {
			store
		} = this.props, {
			TRANSFER,
			transfer,
			leftHeader,
			rightHeader,
		} = store, {
			transferDatas,
			transferKeys
		} = transfer;
		
		return (
			<div className='customization' style={{padding: 20}}>
				<WeaTransfer
		        	{...TRANSFER}
		        	data={toJS(transferDatas)}
		        	selectedKeys={toJS(transferKeys)}
		        	leftHeader={leftHeader}
		        	rightHeader={rightHeader}
		        />
		    </div>
		);
	}
}