@carbon/ibm-security/lib/components/Header/HeaderPopoverHeader/HeaderPopoverHeader.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.default = void 0;
var _classnames = _interopRequireDefault(require("classnames"));
var _propTypes = require("prop-types");
var _react = _interopRequireDefault(require("react"));
var _namespace = require("../../../globals/namespace");
var _constants = require("../constants");
/**
 * @file Header popover header.
 * @copyright IBM Security 2019 - 2020
 */

var namespace = (0, _namespace.appendComponentNamespace)(_constants.namespace, 'popover__header');

/**
 * Header popover header component.
 * @param {Record<string, any>} props Header popover header props.
 * @returns {HeaderPopoverHeader} Header popover header instance.
 */
var HeaderPopoverHeader = function HeaderPopoverHeader(_ref) {
  var children = _ref.children,
    className = _ref.className,
    id = _ref.id,
    title = _ref.title;
  return /*#__PURE__*/_react.default.createElement("section", {
    className: (0, _classnames.default)(namespace, className)
  }, title && /*#__PURE__*/_react.default.createElement("span", {
    id: id,
    className: "".concat(namespace, "__title")
  }, title), children);
};
HeaderPopoverHeader.defaultProps = {
  children: null,
  className: '',
  id: null,
  title: ''
};
HeaderPopoverHeader.propTypes = {
  /** @type {HTMLElement} Children. */
  children: _propTypes.element,
  /** @type {string} Extra classes. */
  className: _propTypes.string,
  /** The ID to pass the title */
  id: _propTypes.string,
  /** @type {string} Title. */
  title: _propTypes.string
};
var _default = exports.default = HeaderPopoverHeader;