terra-clinical-label-value-view/lib/terra-dev-site/doc/example/LabelValueViewNode.js

The label value view component displays a label and the associated value or list of values underneath the label.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _bind = _interopRequireDefault(require("classnames/bind"));
var _IconCritical = _interopRequireDefault(require("terra-icon/lib/icon/IconCritical"));
var _terraClinicalLabelValueView = _interopRequireDefault(require("terra-clinical-label-value-view"));
var _LabelValueViewModule = _interopRequireDefault(require("./LabelValueView.module.scss"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var cx = _bind.default.bind(_LabelValueViewModule.default);
var LabelValueViewNode = function LabelValueViewNode() {
  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_terraClinicalLabelValueView.default, {
    label: "Alert"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: cx('container')
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: cx('icon')
  }, /*#__PURE__*/_react.default.createElement(_IconCritical.default, null)), /*#__PURE__*/_react.default.createElement("div", {
    className: cx('text')
  }, "Critical Alert: Blood Pressure is high."))));
};
var _default = exports.default = LabelValueViewNode;