"use strict";

var _ = _interopRequireDefault(require(".."));

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

var _reactDom = _interopRequireDefault(require("react-dom"));

var _2 = require("../..");

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

var success = function success() {
  _["default"].success({
    content: 'Message with custom className and style',
    className: 'custom-message',
    style: {
      marginTop: '50vh'
    }
  });
};

_reactDom["default"].render( /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_["default"], {
  className: "custom-message",
  style: {
    backgroundColor: 'rgba(3,193,253,.3)'
  }
}, "Customized Message"), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_2.Button, {
  type: "primary",
  onClick: success
}, "Customized style")), document.getElementById('message-demo-5'));