"use strict";

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

var _react = _interopRequireDefault(require("react"));

var _classnames = _interopRequireDefault(require("classnames"));

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

function Tag(_ref) {
  var key = _ref.key,
      text = _ref.text,
      color = _ref.color,
      className = _ref.className;
  var colorClass = color ? "bg-".concat(color) : undefined;
  return /*#__PURE__*/_react.default.createElement("span", {
    key: key,
    className: (0, _classnames.default)('usa-tag', 'usa-tag--no-transform', className, colorClass)
  }, text);
}