import React from 'react';
import FlatSwitch from 'react-flat-switch';
 
class App extends React.Component {
    ...
 
    render() {
        const background = this.state.switchEnabled ? '#2196f3' : '#DCDCDC';
        const enabledStyles = {
            color: '#2196f3'
        };
        const disabledStyles = {
            color: '#F32121'
        };
 
        return (
            <section className='container' style={{ background }}>
                <FlatSwitch
                    width={150}
                    height={40}
                    enabled={this.state.switchEnabled}
                    enabledText='enable'
                    enabledStyles={enabledStyles}
                    disabledStyles={disabledStyles}
                    disabledText='disable'
                    className='list-item--switch'
                    onSwitch={this.handleOnClick.bind(this)}
                />
            </section>
        );
    }
}