/**
 * @author lvzhiyi
 *
 * @description Toast提示插件
 */
import React from 'react';
import ReactDOM from 'react-dom';
import './style.styl';
function MyContainer(_a) {
    var msg = _a.msg;
    return (<div className="toast">
            <div className="toast-content">{msg}</div>
        </div>);
}
var Toast = function (msg, timer) {
    if (timer === void 0) { timer = 3000; }
    var doc = window.document;
    var node = doc.createElement('div');
    doc.body.appendChild(node);
    ReactDOM.render(<MyContainer msg={msg}/>, node, function () {
        var toastNode = node.getElementsByTagName('div')[0];
        toastNode.style.animation = "toastAnimate " + (timer + 500) + "ms";
        setTimeout(function () {
            window.document.body.removeChild(node);
        }, timer);
    });
    return;
};
export default Toast;