import React from 'react' ; interface ArrowProps { size ? : Number ; color ? : string ; direction ? : 'left' | 'right' | 'bottom' | 'top' ; style ? : React . CSSProperties ; } function Arrow ( props ) { const { size = 24 , color = '#539BFB' , direction = 'right' , style } = props ; return ( < svg style = { style } className = { `arrow arrow-${ direction }` } xmlns = "http://www.w3.org/2000/svg" width = { size . toString ( ) } height = { size . toString ( ) } viewBox = "0 0 24 24" fill = "none" stroke = { color } strokeWidth = "2" strokeLinecap = "round" strokeLinejoin = "round" > < path d = "M5 12h13M12 5l7 7-7 7" / > < /svg>); } export default Arrow ;