import React from "react";
import { notification, Button } from "@tencent/tea-component";

export default function NotificationExample() {
  return (
    <>
      <Button
        onClick={() =>
          notification.success({
            title: "标题",
            description:
              "文案不限长度，但是展示最大哦显示两行折行的末尾处显示折行的末尾处显示折行的末尾处显示折折行的末尾处显示折折行的末尾处",
            extra: "Test",
            footer: <Button type="text">测试</Button>,
          })
        }
      >
        Success
      </Button>
      <Button
        onClick={() =>
          notification.warning({
            title: "标题",
            description:
              "文案不限长度，但是展示最大哦显示两行折行的末尾处显示折行的末尾处显示折行的末尾处显示折折行的末尾处显示折折行的末尾处",
          })
        }
      >
        Warning
      </Button>
      <Button
        onClick={() =>
          notification.error({
            title: "标题",
            description:
              "文案不限长度，但是展示最大哦显示两行折行的末尾处显示折行的末尾处显示折行的末尾处显示折折行的末尾处显示折折行的末尾处",
            footer: "查看详情",
            onFooterClick: console.log,
          })
        }
      >
        Error
      </Button>
    </>
  );
}