@carbon/ibm-security/es/components/Header/HeaderPopoverHeader/HeaderPopoverHeader.js

Carbon for Cloud & Cognitive IBM Security UI components

/**
 * @file Header popover header.
 * @copyright IBM Security 2019 - 2020
 */

import classnames from 'classnames';
import { element, string } from 'prop-types';
import React from 'react';
import { appendComponentNamespace } from '../../../globals/namespace';
import { namespace as headerNamespace } from '../constants';
var namespace = appendComponentNamespace(headerNamespace, '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.createElement("section", {
    className: classnames(namespace, className)
  }, title && /*#__PURE__*/React.createElement("span", {
    id: id,
    className: "".concat(namespace, "__title")
  }, title), children);
};
HeaderPopoverHeader.defaultProps = {
  children: null,
  className: '',
  id: null,
  title: ''
};
HeaderPopoverHeader.propTypes = {
  /** @type {HTMLElement} Children. */
  children: element,
  /** @type {string} Extra classes. */
  className: string,
  /** The ID to pass the title */
  id: string,
  /** @type {string} Title. */
  title: string
};
export default HeaderPopoverHeader;