content: import React from 'react';
  import classnames from 'classnames';
  import * as Mui from '@material-ui/core';
  
  const styles = theme => ({
    chip: {
      marginBottom: theme.spacing.unit,
      marginRight: theme.spacing.unit / 2,
    },
    hasFocus: {
      backgroundColor: theme.palette.primary.main,
    },
  });
  
  function Chip(props) {
    const {
      classes,
      className: classNameProp,
      deselect,
      hasFocus, // eslint-disable-line no-unused-vars
      item,
      itemToString,
      ...rest
    } = props;
  
    const className = classnames(
      classes.chip,
      { [classes.hasFocus]: hasFocus },
      classNameProp
    );
  
    return (
      <Mui.Chip
        className={className}
        onDelete={deselect}
        label={itemToString(item)}
        {...rest}
      />
    );
  }
  
  export default Mui.withStyles(styles)(Chip);
  