import * as React from 'react';
import BlackList from './UI.BlackList';
import WhiteList from './UI.WhiteList';
import SwitchMode from './SwitchMode'
export default class Component extends React.Component<any, any> {
    constructor(props: any) {
        super(props);
        this.state = {
            radioValue: 'white'
        };
    }
    radioChange = (value: string) => {
        this.setState({
            radioValue: value
        })
    }

    render() {
        const { radioValue } = this.state;
        return (
            <div style={{ flex: 1, height: '100%', overflow: 'auto' }}>
                {radioValue === 'black' && <BlackList changeView={this.radioChange} />}
                {radioValue === 'white' && <WhiteList changeView={this.radioChange} />}
                {radioValue === 'filter' && <SwitchMode changeView={this.radioChange} />}
            </div>
        );
    }
}