import './demo4.css';
import Message from '..';
import React from 'react';
import ReactDOM from 'react-dom';
import { Button } from '../..';
const showSuccess = () => Message.show({
    type: 'success',
    title: 'success',
    closeable: true,
    duration: 0,
});
const showWarning = () => Message.warning('warning');
const showError = () => Message.error({
    title: 'error',
    duration: 0,
});
const showNotice = () => Message.notice({
    title: 'notice',
    closeable: true,
    duration: 0,
});
const showHelp = () => Message.help({
    title: 'message',
    content: 'helphelphelphelphelphelphelphelphelphelphelphelp',
    closeable: true,
    duration: 0,
});
const showLoading = () => Message.loading({
    content: 'loadingloadingloadingloadingloading',
    closeable: true,
    duration: 0,
});
ReactDOM.render(React.createElement("div", { className: "message-toast-quick-demo" },
    React.createElement(Button, { type: "primary", onClick: showSuccess }, "\u53EF\u5173\u95EDsuccess"),
    React.createElement(Button, { type: "primary", onClick: showWarning }, "\u4FBF\u6377warning"),
    React.createElement(Button, { type: "primary", onClick: showError }, "\u4E0D\u53EF\u5173\u95EDerror"),
    React.createElement("br", null),
    React.createElement(Button, { type: "primary", onClick: showNotice }, "\u53EF\u5173\u95EDnotice"),
    React.createElement(Button, { type: "primary", onClick: showHelp }, "\u6807\u9898+\u5185\u5BB9help"),
    React.createElement(Button, { type: "primary", onClick: showLoading }, "\u5185\u5BB9loading")), document.getElementById('message-demo-3'));
