LittleSister.js

import React, {Component} from 'react';

export default class LittleSister extends Component{
    
    
    styleObj = {
        padding: '1rem',
        fontSize: '2rem',
        border: '1px solid #999',
        backgroundColor: this.props.bgcolor
    }
    
    render() {
        const brother = this.props.brother;
        return (
            <div style={this.styleObj}>
                <p>Little Sister wants to play with {
                (!brother.currentToy)? 'nothing' : brother.currentToy }.</p>
            </div>
        );
    }
}