jsx import { jsx } from '@emotion/core' ; import { SVGIcon , SVGIconProps } from './SVGIcon' ; export interface Rotation { down : number ; left : number ; right : number ; up : number ; } export interface ArrowProps extends SVGIconProps { direction ? : keyof Rotation ; } export const rotation = { right : 0 , down : 90 , left : 180 , up : 270 , } ; export const ArrowIcon = ( { direction = 'right' , ... props } ) => ( < SVGIcon realWidth = { 16 } realHeight = { 16 } { ... props } > < path transform = { `rotate(${ rotation [ direction ] } 8 8)` } d = "M5.8 1.5L7.3 0l8 8-8 8-1.5-1.5L11.3 9H.7V7h10.6" / > < /SVGIcon>);