FARC themed platform components

index.js

import { Component } from 'react';

class BlahComponent extends Component {

    constructor(props) {
        super(props);
    }

    switchView = () => {
        this.setState({ aBoolState: !(this.state.aBoolState)});
    }

    render = () => {

        const switchView = this.switchView;
        const { aBoolState } = this.state;

        return (
            <div>
                {this.props.children({switchView}, {aBoolState})}
            </div>
        );
    }

}

const ThemedBlahComponent = (props)=> (
    <BlahComponent {...props}>
        {({switchView}, {aBoolState}) => (
            <div>
                <button onClick={switchView}>SwitchView</button>
                <div>aBoolState = {aBoolState}</div>
                <div>a property passed down from top level {props.woot}</div>
            </div>
        )}
    </BlahComponent>
)