如何在Antd Tooltip中样式箭头样式

Question

我有使用antd库创建的工具提示组件。

我想将箭头样式更改为类似的东西。

import { Button, Tooltip } from 'antd';
import styled from 'styled-components';

export const TooltipOK = () => (
    <>
        <Tooltip placement='topLeft' title="Cool Tooltip" color='purple' getPopupContainer={(triggerNode) => triggerNode}>
            <Button>Cool Text</Button>
        </Tooltip>
    </ >
);

export default TooltipOK;

const StyledTooltip = styled.div`    
    .ant-tooltip-arrow { // arrow wrapper
        right: 0;
        left: initial;
    }
    
    .ant-tooltip-arrow-content { // arrow itself
        background: white;
    }

    .ant-tooltip-inner { // tooltip
        background-color: white;
        box-shadow: none;
        border: 1px solid #D04A02;
        color: black;
    }
`