import React from 'react';

const ArrowRight = ({ color = 'black', ...rest }: any) => (
	<svg width="14" height="12" xmlns="http://www.w3.org/2000/svg" {...rest}>
		<path
			d="M7.844 12.016c.199 0 .375-.07.527-.211l5.203-5.01a.728.728 0 00.246-.554.728.728 0 00-.246-.553L8.406.694a.84.84 0 00-.562-.21c-.211 0-.39.078-.536.237a.79.79 0 00-.22.553c0 .211.082.393.246.545l3.797 3.657H1.04a.765.765 0 00-.571.246.748.748 0 00-.22.58c.012.199.094.369.246.51.152.14.328.21.527.21h10.073L7.299 10.68a.776.776 0 00-.237.545.714.714 0 00.22.545c.152.164.34.246.562.246z"
			fill={color}
			fillRule="nonzero"
		/>
	</svg>
);

export default ArrowRight;
