@zohodesk/dot/lib/v1/MessageBanner/MessageBanner.js

In this Library, we Provide Some Basic Components to Build Your Application

"use strict";

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

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

var _defaultProps = require("./props/defaultProps");

var _propTypes = require("./props/propTypes");

var _Link = _interopRequireDefault(require("../Link/Link"));

var _icons = require("@zohodesk/icons");

var _Layout = require("@zohodesk/components/es/v1/Layout");

var _MessageBannerModule = _interopRequireDefault(require("../../MessageBanner/MessageBanner.module.css"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

function MessageBanner(props) {
  var type = props.type,
      message = props.message,
      onClose = props.onClose,
      href = props.href,
      onClick = props.onClick,
      urlText = props.urlText,
      palette = props.palette,
      customClass = props.customClass,
      dataId = props.dataId,
      dataSelectorId = props.dataSelectorId;
  return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
    className: "".concat(_MessageBannerModule["default"]["type_".concat(type)], " ").concat(_MessageBannerModule["default"]["palette_".concat(palette)], " ").concat(customClass),
    alignBox: "row",
    isCover: false,
    dataId: dataId,
    dataSelectorId: dataSelectorId
  }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
    className: _MessageBannerModule["default"].content,
    flexible: true
  }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
    alignBox: "row",
    align: "both"
  }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
    className: _MessageBannerModule["default"].message,
    adjust: true,
    shrink: true,
    "data-title": message
  }, message), href && /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, /*#__PURE__*/_react["default"].createElement(_Link["default"], {
    href: href,
    onClick: onClick,
    className: _MessageBannerModule["default"].link,
    target: "_blank",
    dataId: "".concat(dataId, "_link")
  }, urlText)))), onClose ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
    className: _MessageBannerModule["default"].close,
    onClick: onClose,
    dataId: "".concat(dataId, "_close")
  }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
    align: "both"
  }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
    name: "ZD-closee",
    size: "35"
  }))) : null);
}

MessageBanner.defaultProps = _defaultProps.defaultProps;
MessageBanner.propTypes = _propTypes.propTypes; // if (__DOCS__) {
//   MessageBanner.docs = {
//     componentGroup: 'Atom'
//   };
// }