import  React from "react";
import {Modal, alert, confirm} from "../../../component"
import messagemd from './message.md'


class MessageDoc extends React.Component {
  constructor() {
    super();
    this.state = {};
  }

  showAlert() {
    alert({title: '提示', message: '这是一个alert'});
  }

  showConfirm() {
    confirm({
      title: '提示',
      message: '这是一个confirm',
      success: function () {
        console.info("confirm 确定的回调");
      },
      cancel: function () {
        console.info("confirm 取消的回调");
      }
    });
  }

  render() {
    return (
      <div>
        <div>
          <pre>
            <button className="btn btn-primary" onClick={this.showAlert.bind(this)}>Alert</button>
            &nbsp;
            <button className="btn btn-primary" onClick={this.showConfirm.bind(this)}>Confirm</button>
          </pre>
          <div dangerouslySetInnerHTML={{__html: messagemd}}></div>
        </div>
      </div>
    )
  }
}

export default MessageDoc;