are-message/es/message/index.js

This is a React global notification message component. It is a standalone implementation of the are-visual message component.

import React, { useCallback } from 'react';
import classNames from 'classnames';
import ReactDOM from 'react-dom';
import { isTruthy } from '../types/types';

var Message = function Message(props) {
  var prefixCls = props.prefixCls,
      className = props.className,
      style = props.style,
      holder = props.holder,
      children = props.children;
  var createClassName = useCallback(function (value) {
    if (isTruthy(prefixCls)) {
      return "".concat(prefixCls, "-").concat(value);
    }

    return value;
  }, [prefixCls]);
  var messageNode = /*#__PURE__*/React.createElement("div", {
    className: classNames(createClassName('item'), className),
    style: style
  }, children);

  if (holder instanceof HTMLElement) {
    return /*#__PURE__*/ReactDOM.createPortal(messageNode, holder);
  }

  return messageNode;
};

export default Message;