content: import React from 'react';
  import PropTypes from 'prop-types';
  
  import ListGroup from 'react-bootstrap/ListGroup';
  
  const PlayerList = (props) => {
    const users = props.users || [];
  
    return (
      <div className="nav-sidebar">
        <h3 className="page-header">{props.isGame ? "Players" : "Users"}</h3>
        <ListGroup variant="flush" className="nav-sidebar">
          {
            users.map((user, index) => (
              <ListGroup.Item
                action
                key={index}
              >
                <b>{user.username}</b> <small>{user.role}</small>
              </ListGroup.Item>
            ))
          }
        </ListGroup>
      </div>
    );
  };
  
  export default PlayerList;
  
  PlayerList.propTypes = {
    users: PropTypes.arrayOf(PropTypes.object),
  };