terra-clinical-item-display
Version:
The Item Display component creates an display for text and an optional graphic. The Comment subcomponent creates a display for text with a comment icon.
33 lines (32 loc) • 1.86 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _IconSuccess = _interopRequireDefault(require("terra-icon/lib/icon/IconSuccess"));
var _bind = _interopRequireDefault(require("classnames/bind"));
var _ItemDisplay = _interopRequireDefault(require("../../../../ItemDisplay"));
var _ItemDisplayCommonTestModule = _interopRequireDefault(require("./ItemDisplayCommon.test.module.scss"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var cx = _bind.default.bind(_ItemDisplayCommonTestModule.default);
var testText = 'Wrapping Test Text Wrapping Test Text Wrapping Test Text Wrapping Test Text Wrapping Test Text Wrapping Test Text Wrapping Test Text Wrapping Test Text Wrapping Test Text Wrapping Test Text';
var _default = exports.default = function _default() {
return /*#__PURE__*/_react.default.createElement("div", {
className: cx('content-wrapper')
}, /*#__PURE__*/_react.default.createElement(_ItemDisplay.default, {
text: "Center / default - ".concat(testText),
icon: /*#__PURE__*/_react.default.createElement(_IconSuccess.default, null),
id: "test-icon-center"
}), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_ItemDisplay.default, {
text: "Top - ".concat(testText),
icon: /*#__PURE__*/_react.default.createElement(_IconSuccess.default, null),
id: "test-icon-top",
iconAlignment: "top"
}), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_ItemDisplay.default, {
text: "Inline - ".concat(testText),
icon: /*#__PURE__*/_react.default.createElement(_IconSuccess.default, null),
id: "test-icon-inline",
iconAlignment: "inline"
}));
};