terra-clinical-item-view/lib/terra-dev-site/test/clinical-item-view/ContentWidthItemView.test.js

The Item View component allows displays to be organized into rows and column and themed, while providing means to add accessory elements and a comment.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _IconAlert = _interopRequireDefault(require("terra-icon/lib/icon/IconAlert"));
var _ItemView = _interopRequireDefault(require("../../../ItemView"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var display1 = /*#__PURE__*/_react.default.createElement(_ItemView.default.Display, {
  icon: /*#__PURE__*/_react.default.createElement(_IconAlert.default, null),
  iconAlignment: "inline",
  text: "display1 Text display1 Text display1 Text display1 Text display1 Text display1 Text display1 Text display1 Text",
  key: "123"
});
var display2 = /*#__PURE__*/_react.default.createElement(_ItemView.default.Display, {
  icon: /*#__PURE__*/_react.default.createElement(_IconAlert.default, null),
  iconAlignment: "inline",
  text: "display2 Text display2 Text display2 Text display2 Text display2 Text display2 Text display2 Text display2 Text display2 Text",
  key: "124"
});
var displays = [display1, display2];
var views = function views() {
  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("h2", null, "One Column Layout"), /*#__PURE__*/_react.default.createElement(_ItemView.default, {
    contentWidth: "50%",
    displays: displays,
    id: "test-displays"
  }));
};
var _default = exports.default = views;