@carbon/ibm-security/lib/components/SummaryCard/SummaryCardHeader/SummaryCardHeader.js

Carbon for Cloud & Cognitive IBM Security UI components

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.namespace = exports.default = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _classnames = _interopRequireDefault(require("classnames"));
var _StringFormatter = _interopRequireDefault(require("../../StringFormatter"));
var _index = require("../../../globals/namespace/index");
var _excluded = ["className", "status", "title", "titleTooltipDirection", "truncate"];
/**
 * @file Summary card header.
 * @copyright IBM Security 2019
 */
var namespace = exports.namespace = (0, _index.getComponentNamespace)('summary-card__header');
var SummaryCardHeader = function SummaryCardHeader(_ref) {
  var className = _ref.className,
    status = _ref.status,
    title = _ref.title,
    titleTooltipDirection = _ref.titleTooltipDirection,
    truncate = _ref.truncate,
    other = (0, _objectWithoutProperties2.default)(_ref, _excluded);
  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
    className: (0, _classnames.default)(namespace, className)
  }, other), /*#__PURE__*/_react.default.createElement("h2", {
    className: "".concat(namespace, "__title")
  }, /*#__PURE__*/_react.default.createElement(_StringFormatter.default, {
    truncate: truncate,
    value: title,
    tooltipDirection: titleTooltipDirection
  })), status);
};
SummaryCardHeader.propTypes = {
  /** Extra class names to add. */
  className: _propTypes.default.string,
  /** The status of the Card. */
  status: _propTypes.default.node,
  /** The title of the summary card. */
  title: _propTypes.default.string.isRequired,
  /** Specify the direction of the title's tooltip. Can be either top or bottom. */
  titleTooltipDirection: _propTypes.default.oneOf(['top', 'bottom']),
  /** Whether or not the value should be truncated. */
  truncate: _propTypes.default.bool
};
SummaryCardHeader.defaultProps = {
  className: null,
  status: undefined,
  titleTooltipDirection: 'bottom',
  truncate: false
};
var _default = exports.default = SummaryCardHeader;