class App extends Component {
  render() {
    return (
        <ChildComponent/>
      )
  }
}

const Hello = styled.div`
  color: ${ props => props.positive?'white':'black'};
  background: ${ props => props.positive?'green':'red' };
`;
class ChildComponent extends Component {
    render() {
        return (
            <Hello>
                HELLO
            </Hello>
        );
    }
}

export default ChildComponent;

class App extends Component {
  render() {
    return (
        <ChildComponent positive />
      )
  }
}

const Hello = styled.div`
  color: ${ props => props.positive?'white':'black'};
  background: ${ props => props.positive?'green':'red' };
`;

class ChildComponent extends Component {
    render() {
        return (
            <Hello positive={this.props.positive}>
                HELLO
            </Hello>
        );
    }
}

export default ChildComponent;

<ChildComponent positive={false} />