MiddleToggler.jsx

export default class Toggler extends React.Component {
  state = {
    isToggled: false
  }

  toggle = () => {
    this.setState(state => ({isToggled: !state.isToggled}))
  }

  render() {
    const { isToggled } = this.state 
    return(
      <HomeWrapper>
        <h1> This is my Main Component </h1>
        <ToggleWindow toggle={this.toggle} isToggled={isToggled} />
      </HomeWrapper>
    )
  }
}

const ToggleWindow = ({toggle, isToggled}) => (
  <div>
    <button onClick={toggle}>Click to toggle</button>
    <p>This is toggled {isToggled ? 'ON' : 'OFF'}</p>
  </div>
)