import React from 'react';
import Icon from "../Icon";
import "./index.less";
var PageHeader = function PageHeader(_ref) {
  var _ref$backIcon = _ref.backIcon,
    backIcon = _ref$backIcon === void 0 ? false : _ref$backIcon,
    onBack = _ref.onBack,
    title = _ref.title,
    subTitle = _ref.subTitle,
    extraLeft = _ref.extraLeft,
    extraRight = _ref.extraRight,
    tags = _ref.tags,
    className = _ref.className,
    style = _ref.style;
  return /*#__PURE__*/React.createElement("div", {
    className: ['page-header-enhance', 'ant-page-header', 'qkd-page-header', className].filter(Boolean).join(' '),
    style: style
  }, /*#__PURE__*/React.createElement("div", {
    className: "ant-page-header-heading"
  }, /*#__PURE__*/React.createElement("div", {
    className: "ant-page-header-heading-left"
  }, backIcon ? /*#__PURE__*/React.createElement("div", {
    className: "ant-page-header-back"
  }, /*#__PURE__*/React.createElement("button", {
    type: "button",
    className: "ant-page-header-back-button",
    onClick: onBack,
    "aria-label": "back"
  }, /*#__PURE__*/React.createElement(Icon, {
    name: "v35_ArrowRight"
  }))) : null, /*#__PURE__*/React.createElement("span", {
    className: "ant-page-header-heading-title"
  }, title), /*#__PURE__*/React.createElement("div", {
    className: "ant-page-header-heading-sub-title"
  }, subTitle ? /*#__PURE__*/React.createElement("span", {
    className: "page-header-subtitle"
  }, subTitle) : null, tags, extraLeft)), extraRight ? /*#__PURE__*/React.createElement("div", {
    className: "ant-page-header-heading-extra"
  }, extraRight) : null));
};
export default PageHeader;