@wordpress/components/build-module/modal/header.js

UI components for WordPress.

import { createElement } from "@wordpress/element";

/**
 * WordPress dependencies
 */
import { __ } from '@wordpress/i18n';
import { closeSmall } from '@wordpress/icons';
/**
 * Internal dependencies
 */

import Button from '../button';

const ModalHeader = ({
  icon,
  title,
  onClose,
  closeLabel,
  headingId,
  isDismissible
}) => {
  const label = closeLabel ? closeLabel : __('Close dialog');
  return createElement("div", {
    className: "components-modal__header"
  }, createElement("div", {
    className: "components-modal__header-heading-container"
  }, icon && createElement("span", {
    className: "components-modal__icon-container",
    "aria-hidden": true
  }, icon), title && createElement("h1", {
    id: headingId,
    className: "components-modal__header-heading"
  }, title)), isDismissible && createElement(Button, {
    onClick: onClose,
    icon: closeSmall,
    label: label
  }));
};

export default ModalHeader;
//# sourceMappingURL=header.js.map