@mskcc/carbon-react/lib/components/MskLabel/MskLabel.js

Carbon react components for the MSKCC DSM

/**
 * MSKCC 2021, 2024
 */

'use strict';

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

var React = require('react');
var PropTypes = require('prop-types');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);

const MskLabel = _ref => {
  let {
    appearance = 'gray',
    children,
    icon
  } = _ref;
  const containerClassName = `msk-label ${appearance ? 'msk-label-' + appearance : ''}`.trim();
  return /*#__PURE__*/React__default["default"].createElement("div", {
    className: containerClassName
  }, icon && /*#__PURE__*/React__default["default"].createElement("span", {
    className: 'msk-icon msk-label-icon',
    "aria-hidden": "true"
  }, icon), children);
};
MskLabel.displayName = 'MskLabel';
MskLabel.propTypes = {
  appearance: PropTypes__default["default"].oneOf(['red', 'magenta', 'purple', 'blue', 'cyan', 'teal', 'green', 'yellow', 'orange', 'gray', 'cool-gray', 'warm-gray', 'high-contrast', 'outline', 'ghost']),
  children: PropTypes__default["default"].node,
  icon: PropTypes__default["default"].string
};

exports.MskLabel = MskLabel;