wix-style-react/dist/src/MessageBox/FunctionalLayout/HeaderLayout.js

wix-style-react

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _react = _interopRequireDefault(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _classnames = _interopRequireDefault(require("classnames"));

var _CloseButton = _interopRequireDefault(require("../../CloseButton"));

var _HeaderLayout = _interopRequireDefault(require("../../../es/src/MessageBox/FunctionalLayout/HeaderLayout.scss"));

var HeaderLayout = function HeaderLayout(_ref) {
  var title = _ref.title,
      onCancel = _ref.onCancel,
      theme = _ref.theme,
      closeButton = _ref.closeButton;
  return /*#__PURE__*/_react["default"].createElement("div", {
    className: (0, _classnames["default"])(_HeaderLayout["default"].header, _HeaderLayout["default"][theme]),
    "data-hook": "header-layout"
  }, /*#__PURE__*/_react["default"].createElement("span", {
    className: _HeaderLayout["default"].titleLabel,
    "data-hook": "header-layout-title"
  }, title), closeButton ? /*#__PURE__*/_react["default"].createElement(_CloseButton["default"], {
    dataHook: "header-close-button",
    size: "medium",
    skin: "lightFilled",
    onClick: onCancel
  }) : null);
};

HeaderLayout.defaultProps = {
  theme: 'blue',
  closeButton: true
};
HeaderLayout.propTypes = {
  title: _propTypes["default"].node,
  onCancel: _propTypes["default"].func,
  closeButton: _propTypes["default"].bool,
  theme: _propTypes["default"].oneOf(['red', 'blue', 'purple'])
};
var _default = HeaderLayout;
exports["default"] = _default;