import React, {Component} from 'react';
import {observer} from 'mobx-react';
import {WeaRadioGroup} from 'ecCom';

@observer
export default class SearchGroup extends Component{
    constructor(props){
        super(props);
    }
    
    render(){
        const {store} = this.props;
        const {radioGroupConfig, onRadioGroupChange, showColumns, memo} = store;
        return (
            <div className='searchGroup'>
                <WeaRadioGroup ecId={`${this && this.props && this.props.ecId || ''}_WeaRadioGroup@9dx9lu`} config={store.toJS(radioGroupConfig)} onChange={onRadioGroupChange}/>
                <div style={{height: 20, lineHeight: '20px',  width: '100%', textAlign: 'right', marginTop: 10}}>
                    {
                        memo && memo.map((m, i) => {
                            return (
                                <div style={{float: 'right', marginLeft: 8}}>
                                    <div style={{float: 'left', width: 20, height:20, background: m.color, marginRight:4}}></div>
                                    <div style={{float: 'right'}}>{m.title}</div>
                                </div>
                            )
                        })
                    }
                </div>
            </div>
        )
    }
}