/**
 * title: "基础对话框"
 * description: "对话框是用于在不离开主路径的情况下，提供用户快速执行简单的操作、确认用户信息或反馈提示的辅助窗口。"
 */
import React, { useState } from 'react';
import { Button, Dialog, Message } from '@alicloud/console-components';
export default (function () {
    var _a = useState(false), visible = _a[0], setVisible = _a[1];
    return (React.createElement("div", { className: "App" },
        React.createElement(Button, { onClick: function () { return setVisible(!visible); }, type: "primary" }, "\u6807\u9898"),
        visible && (React.createElement(Dialog, { title: "\u6807\u9898", visible: visible, footerAlign: "right", onOk: function () { return setVisible(!visible); }, onCancel: function () { return setVisible(!visible); }, onClose: function () { return setVisible(!visible); } },
            React.createElement(Message, { title: "message\u6807\u9898" })))));
});
