import React from "react";
import PropTypes from "prop-types";
import MaterialChip from "@material-ui/core/Chip";
import { makeStyles } from "@material-ui/styles";
import Label from "@material-ui/icons/Label";
var useStyles = makeStyles({
  tag: function tag(props) {
    var style = {};

    if (props.color) {
      style.color = props.color;
    }

    return style;
  }
});

function Chip(_ref) {
  var tag = _ref.tag,
      color = _ref.color,
      clickable = _ref.clickable;
  var classes = useStyles({
    color: color
  });
  return React.createElement(MaterialChip, {
    label: "#".concat(tag),
    icon: React.createElement(Label, {
      className: classes.tag
    }),
    size: "small",
    clickable: clickable,
    className: classes.chip
  });
}

Chip.propTypes = {
  tag: PropTypes.string,
  color: PropTypes.string,
  clickable: PropTypes.bool
};
export default Chip;