[native] created arrow component
Summary:
created Arrow component with react-native-svg
Used the React SVGR tool to help build the component with the only modification being that I added the viewBox prop and changed the color from gray to be the original hex value of #808080
Linear task: ENG-1779
Test Plan:
Please refer to the screenshot below to see how the arrow looks visually
To test, use the React SVGR tool and input the following SVG code which is taken from the keyserver repo.
<svg width="27" height="30" viewBox="0 0 27 30" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1 26H0.5V26.5H1V26ZM26.3536 26.3536C26.5488 26.1583 26.5488 25.8417 26.3536 25.6464L23.1716 22.4645C22.9763 22.2692 22.6597 22.2692 22.4645 22.4645C22.2692 22.6597 22.2692 22.9763 22.4645 23.1716L25.2929 26L22.4645 28.8284C22.2692 29.0237 22.2692 29.3403 22.4645 29.5355C22.6597 29.7308 22.9763 29.7308 23.1716 29.5355L26.3536 26.3536ZM0.5 0V26H1.5V0H0.5ZM1 26.5H26V25.5H1V26.5Z" fill="#808080"/> </svg>
Reviewers: atul, abosh, rohan
Reviewed By: atul
Subscribers: ashoat, tomek, atul, abosh
Differential Revision: https://phab.comm.dev/D5253