@carbon/ibm-security/lib/components/Pill/Pill.js

Carbon for Cloud & Cognitive IBM Security UI components

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.namespace = exports.default = void 0;
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _classnames2 = _interopRequireDefault(require("classnames"));
var _react = _interopRequireDefault(require("react"));
var _DataDecorator = require("../DataDecorator");
var _index = require("../../globals/namespace/index");
/**
 * @file Pill.
 * @copyright IBM Security 2019
 */

var namespace = exports.namespace = (0, _index.getComponentNamespace)('pill');

/**
 * Pill component.
 */
var Pill = function Pill(_ref) {
  var className = _ref.className,
    inline = _ref.inline,
    type = _ref.type,
    value = _ref.value;
  var classes = (0, _classnames2.default)(className, namespace, (0, _defineProperty2.default)({}, "".concat(namespace, "--inline"), inline));
  return /*#__PURE__*/_react.default.createElement(_DataDecorator.Decorator, {
    className: classes,
    inline: inline,
    noIcon: true,
    type: type,
    value: value
  });
};
Pill.propTypes = {
  /** @type {string} Extra classes to add. */
  className: _propTypes.default.string,
  /** @type {boolean} Whether the Pill should be treated and styled as an inline element. */
  inline: _propTypes.default.bool,
  /** @type {string} The type of data. */
  type: _propTypes.default.string.isRequired,
  /** @type {string} The value of the data. */
  value: _propTypes.default.string.isRequired
};
Pill.defaultProps = {
  className: '',
  inline: false
};
var _default = exports.default = Pill;