@carbon/ibm-security
Version:
Carbon for Cloud & Cognitive IBM Security UI components
60 lines (58 loc) • 2.45 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _iconsReact = require("@carbon/icons-react");
var _react = _interopRequireDefault(require("react"));
var _Icon = _interopRequireDefault(require("../../Icon"));
var _StringFormatter = _interopRequireDefault(require("../../StringFormatter"));
var _constants = require("./constants");
/**
* @file Header notification.
* @copyright IBM Security 2018 - 2021
*/
var HeaderNotification = function HeaderNotification(_ref) {
var clearButtonLabel = _ref.clearButtonLabel,
dateTime = _ref.dateTime,
description = _ref.description,
onClearButtonClick = _ref.onClearButtonClick,
product = _ref.product,
viaLabel = _ref.viaLabel,
href = _ref.href,
tooltipDirection = _ref.tooltipDirection;
return /*#__PURE__*/_react.default.createElement("div", {
className: _constants.namespace,
role: "alert"
}, /*#__PURE__*/_react.default.createElement("a", (0, _extends2.default)({}, href ? {
href: href
} : {}, {
className: "".concat(_constants.namespace, "__content")
}), /*#__PURE__*/_react.default.createElement("span", {
className: "".concat(_constants.namespace, "__details")
}, /*#__PURE__*/_react.default.createElement("time", {
className: "".concat(_constants.namespace, "__time"),
dateTime: dateTime
}, /*#__PURE__*/_react.default.createElement("isc-rel-time", {
datetime: dateTime
})), " ".concat(viaLabel, " ").concat(product)), /*#__PURE__*/_react.default.createElement(_StringFormatter.default, {
className: "".concat(_constants.namespace, "__description"),
lines: 2,
truncate: true,
value: description,
tooltipDirection: tooltipDirection
})), /*#__PURE__*/_react.default.createElement("div", {
className: "".concat(_constants.namespace, "__wrapper")
}, /*#__PURE__*/_react.default.createElement("button", {
className: "".concat(_constants.namespace, "__button"),
"aria-label": clearButtonLabel,
onClick: onClearButtonClick,
type: "button"
}, /*#__PURE__*/_react.default.createElement(_Icon.default, {
renderIcon: _iconsReact.Close20
}))));
};
HeaderNotification.propTypes = _constants.propTypes;
var _default = exports.default = HeaderNotification;