问是否有方法使用样式组件进行蚂蚁通知？

EN

import React, { useRef } from "react";
import ReactDOM from "react-dom";
import "antd/dist/antd.css";
import "./index.css";
import { Button, notification } from "antd";
import styled from "styled-components";

const Styled = styled.div`
  .ant-notification-notice {
    background-color: green;
  }
`;

const Notification = () => {
  const openNotification = () => {
    notification.open({
      message: "Notification Title",
      duration: 20,
      description:
        "This is the content of the notification. This is the content of the notification. This is the content of the notification.",
      onClick: () => {
        console.log("Notification Clicked!");
      },
      getContainer: (triggerNode) => {
        console.log(triggerNode);
        console.log(buttonRef);
        // return document.body;
        return buttonRef.current;
      }
    });
  };

  const buttonRef = useRef(null);

  return (
    <Styled>
      <Button type="primary" onClick={openNotification} ref={buttonRef}>
        Open the notification box
      </Button>
    </Styled>
  );
};

ReactDOM.render(<Notification />, document.getElementById("container"));