UNPKG

terra-clinical-item-view

Version:

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.

45 lines (44 loc) 1.9 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.default = void 0; var _react = _interopRequireDefault(require("react")); var _IconPerson = _interopRequireDefault(require("terra-icon/lib/icon/IconPerson")); var _terraClinicalItemView = _interopRequireDefault(require("terra-clinical-item-view")); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } var display1 = /*#__PURE__*/_react.default.createElement(_terraClinicalItemView.default.Display, { icon: /*#__PURE__*/_react.default.createElement(_IconPerson.default, null), iconAlignment: "inline", text: "Asif Khan", textStyle: "strong" }); var display2 = /*#__PURE__*/_react.default.createElement(_terraClinicalItemView.default.Display, { text: "Care Position: Primary", textStyle: "secondary" }); var display3 = /*#__PURE__*/_react.default.createElement(_terraClinicalItemView.default.Display, { text: "Room 100A", textStyle: "strikeThrough" }); var display4 = /*#__PURE__*/_react.default.createElement(_terraClinicalItemView.default.Display, { text: "Acuity: 5", textStyle: "attention" }); var display5 = /*#__PURE__*/_react.default.createElement(_terraClinicalItemView.default.Display, { text: "Start Time: 08-05-2016 12:00:00" }); var display6 = /*#__PURE__*/_react.default.createElement(_terraClinicalItemView.default.Display, { text: "End Time: 08-05-2016 16:00:00" }); var displays = [display1, display2, display3, display4, display5, display6]; var comment = /*#__PURE__*/_react.default.createElement(_terraClinicalItemView.default.Comment, { text: "Faint red rash appeared at 08-05-2016 13:24:00" }); var _default = exports.default = function _default() { return /*#__PURE__*/_react.default.createElement(_terraClinicalItemView.default, { displays: displays, comment: comment, overrideDefaultStyling: true }); };