leaflet.pub
a tool for shared writing and social publishing
awarm.space
1import { Props } from "./Props";
2
3export const PopoverArrow = (
4 props: { arrowFill: string; arrowStroke: string } & Props,
5) => {
6 let { arrowFill, arrowStroke, ...passDownProps } = props;
7 return (
8 <svg
9 {...passDownProps}
10 width="16"
11 height="8"
12 viewBox="0 0 16 8"
13 fill="none"
14 className="-mt-px"
15 xmlns="http://www.w3.org/2000/svg"
16 >
17 <path
18 d="M15.1975 0L0.951538 0.00460007L8.07229 7.31325L15.1975 0Z"
19 fill={arrowFill}
20 />
21 <path
22 d="M16 0L8.35386 7.84887C8.15753 8.05038 7.83922 8.05038 7.64289 7.84887L0 0.00420923L1.42188 0.00424847L7.99837 6.75428L14.579 0H16Z"
23 fill={arrowStroke}
24 />
25 </svg>
26 );
27};