content: import React from 'react';
  
  const center = {
    display: 'flex',
    justifyContent: 'center',
    marginTop: 10
  };
  
  const player = {
    textAlign: 'center',
    marginRight: 65
  };
  
  const winner = {
    textAlign: 'center'
  };
  
  
  
  class Scoreboard extends React.Component {
     render (){
        return (
          <div style={center}>
            <div style={player}>
               <p>{this.props.player1}</p>
               <p>{this.props.x}</p>
            </div>
            <div style={player}>
            <p>{this.props.player2}</p>
               <p>{this.props.o}</p>
            </div>
            <div style={winner}>
               <p>Winner</p>
               <p>{this.props.winner}</p>
            </div>
          </div>
        );
     }
  }
  
  export default Scoreboard;
  