import React, { Component } from 'react' //import styles from './Simu.css' import TargetSelection from './TargetSelection' import withColours from './withColours' import Conversation from './conversation/Conversation' @withColours export default class extends Component { state = { conversationVisible: false } render() { let { colours } = this.props return ( <div> {' '} <TargetSelection colours={colours} conversationVisible={this.state.conversationVisible} showConversation={() => this.setState({ conversationVisible: true })} /> {this.state.conversationVisible && ( <Conversation textColourOnWhite={colours.textColourOnWhite} /> )} </div> ) } }