[native] created arrow-long component
Summary:
created ArrowLong 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="27px" height="38px" viewBox="0 0 27 38" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="long_arrow-8.35.28-AM" transform="translate(0.000000, -0.000000)" fill="#808080" fill-rule="nonzero">
<path d="M0,0 L1,0 L1,33.5 L24.793,33.5 L22.4645,31.1716 C22.2909,30.998 22.2716111,30.728558 22.4066333,30.53373 L22.4645,30.4645 C22.6380111,30.2909 22.9074432,30.2716111 23.1023403,30.4066333 L23.1716,30.4645 L26.3536,33.6464 C26.5271111,33.82 26.5463901,34.089442 26.411437,34.2843402 L26.3536,34.3536 L23.1716,37.5355 C22.9763,37.7308 22.6597,37.7308 22.4645,37.5355 C22.2909,37.3619889 22.2716111,37.0925568 22.4066333,36.8976597 L22.4645,36.8284 L24.791,34.5 L0,34.5 L0,0 Z" id="Path"></path>
</g>
</g>
</svg>Reviewers: atul, abosh, rohan
Reviewed By: atul
Subscribers: ashoat, tomek, atul, abosh
Differential Revision: https://phab.comm.dev/D5264