react-mdl-selectfield/es/MultiSelectField/Tag.js

React MDL SelectField Component

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _reactMdl = require('react-mdl');

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var Tag = function Tag(props) {
  var value = props.value;
  var text = props.text;
  var readOnly = props.readOnly;
  var remove = props.remove;

  var buttonProps = {
    raised: true
  };
  if (!readOnly) {
    buttonProps.onClick = function () {
      return remove(value);
    };
  }
  return _react2.default.createElement(
    _reactMdl.Button,
    buttonProps,
    text,
    !readOnly && _react2.default.createElement(_reactMdl.Icon, { name: 'clear' })
  );
};

Tag.propTypes = {
  readOnly: _react.PropTypes.bool.isRequired,
  remove: _react.PropTypes.func.isRequired,
  text: _react.PropTypes.string.isRequired,
  value: _react.PropTypes.any.isRequired
};

exports.default = Tag;