content: import React from 'react'
  import { connect } from 'react-redux'
  import withStyles from 'material-ui/styles/withStyles'
  
  import Card, {
    CardHeader
  } from 'material-ui/Card'
  import List, {
    ListItem,
    ListItemText
  } from 'material-ui/List'
  import Divider from 'material-ui/Divider'
  
  const styles = theme => ({
    root: {
      marginTop: theme.spacing.unit * 3
    }
  })
  
  export default withStyles(styles)(connect(mapStateToProps)(({
    breakRoomsThisRound,
    returnBreakAdjudicatorInformation,
    venuesById,
    teamsById,
    breakTeamsById,
    classes
  }) =>
    <div>
      {breakRoomsThisRound.map(breakRoom =>
        <Card
          key={breakRoom._id}
          className={classes.root}
        >
          <CardHeader
            title={`Room ${venuesById[breakRoom.venue].name}`}
            subheader={`Rank ${breakRoom.rank}`}
          />
          <Divider />
          <List>
            <ListItem>
              <ListItemText
                primary={teamsById[breakTeamsById[breakRoom.gov].team].name}
                secondary={'Government'}
              />
            </ListItem>
            <ListItem>
              <ListItemText
                primary={teamsById[breakTeamsById[breakRoom.opp].team].name}
                secondary={'Opposition'}
              />
            </ListItem>
            <Divider />
            <ListItem>
              <ListItemText
                primary={returnBreakAdjudicatorInformation(breakRoom.chair)}
                secondary={'Chair'}
              />
            </ListItem>
            <Divider />
            {breakRoom.panels.map(panel =>
              <ListItem
                key={panel}
              >
                <ListItemText
                  primary={returnBreakAdjudicatorInformation(panel)}
                  secondary={'Panelist'}
                />
              </ListItem>
            )}
          </List>
          <Divider />
        </Card>
      )}
    </div>
  ))
  
  function mapStateToProps (state, ownProps) {
    return {
      teamsById: state.teams.data,
      breakTeamsById: state.breakTeams.data,
      venuesById: state.venues.data
    }
  }
  