import React from "react";
import styles from "./index.less";
import { message, Button } from "antd";

const success = () => {
  message.success("This is a success message");
};

const error = () => {
  message.error("This is an error message");
};

const warning = () => {
  message.warning("This is a warning message");
};

export default () => (
  <div className={styles.container}>
    <div id="components-message-demo-other">
      <div>
        <Button onClick={success}>Success</Button>
        <Button onClick={error}>Error</Button>
        <Button onClick={warning}>Warning</Button>
      </div>
    </div>
  </div>
);