content: import React from 'react'
  import withStyles from 'material-ui/styles/withStyles'
  
  import Avatar from 'material-ui/Avatar'
  import Chip from 'material-ui/Chip'
  
  import * as utils from 'utils'
  
  const styles = theme => ({
    root: {
      marginBottom: theme.spacing.unit
    },
    irrelevantChip: {
      backgroundColor: theme.palette.error[100]
    },
    irrelevantAvatar: {
      backgroundColor: theme.palette.error[200]
    }
  })
  
  export default withStyles(styles)(({
    room,
    breakCategory,
    type,
    margin,
    classes
  }) =>
    <div>
      <Chip
        className={`
          ${margin ? classes.root : ''} +
          ${room.irrelevant ? classes.irrelevantChip : ''}
        `}
        avatar={
          <Avatar
            className={room.irrelevant ? classes.irrelevantAvatar : ''}
          >
            {breakCategory.name[0]}
          </Avatar>
        }
        label={
          <span
            className={'f6'}
          >
            {utils.rooms.types[type]}
          </span>
        }
      />
    </div>
  )
  