argo-cd

1
import * as React from 'react';
2

3
export interface ArrowConnectorProps {
4
    color: string;
5
    left: number;
6
    top: number;
7
    angle: number;
8
}
9

10
export const ArrowConnector = (props: ArrowConnectorProps) => {
11
    const {color, left, top, angle} = props;
12
    return (
13
        <svg
14
            xmlns='http://www.w3.org/2000/svg'
15
            version='1.1'
16
            fill={color}
17
            width='11'
18
            height='11'
19
            viewBox='0 0 11 11'
20
            style={{left, top, transform: `translate(-10px, -10px) rotate(${angle}deg)`}}>
21
            <polygon points='11,5.5 0,11 0,0' />
22
        </svg>
23
    );
24
};
25