// @flow

import React from 'react';

function Arrow(props: any) {
  return (
    <svg
      width="67px"
      height="65px"
      version="1.1"
      xmlns="http://www.w3.org/2000/svg"
      viewBox="0 0 67 65"
      {...props}
    >
      <path
        fill="#1D1D1B"
        style={{ opacity: 0.5 }}
        d="M63.4,16.2L63.4,16.2C63.4,16.2,63.4,16.2,63.4,16.2c0.2-0.2,0.3-0.4,0.4-0.7c0-0.1,0.1-0.1,0.1-0.2
        c0.1-0.2,0.1-0.4,0.1-0.6c0-0.1,0-0.1,0-0.2c0,0,0-0.1,0-0.1c0-0.2-0.1-0.5-0.1-0.7c0,0,0,0,0-0.1c-0.1-0.2-0.2-0.5-0.4-0.6
        c0,0,0-0.1,0-0.1L53.1,0.7c-0.8-0.9-2.1-0.9-2.9,0c-0.8,0.9-0.8,2.4,0,3.3l5.6,6.5c-8.1-1.1-16.1,0.6-16.5,0.7
        C14.6,15.7-2.8,38.5,0.4,62c0.2,1.2,1,2,2,2c0.1,0,0.2,0,0.3,0c1.1-0.2,1.9-1.4,1.7-2.7C1.6,40.3,17.5,20,40,15.9
        c0.1,0,8.4-1.8,16.1-0.6l-8.6,5.1c-1,0.6-1.4,2-0.9,3.2c0.5,1.2,1.7,1.6,2.8,1l13.5-8C63.1,16.5,63.2,16.4,63.4,16.2z"
      />
      <path
        fill="#FFFFFF"
        d="M66.4,17.2L66.4,17.2C66.4,17.2,66.4,17.2,66.4,17.2c0.2-0.2,0.3-0.4,0.4-0.7c0-0.1,0.1-0.1,0.1-0.2
        c0.1-0.2,0.1-0.4,0.1-0.6c0-0.1,0-0.1,0-0.2c0,0,0-0.1,0-0.1c0-0.2-0.1-0.5-0.1-0.7c0,0,0,0,0-0.1c-0.1-0.2-0.2-0.5-0.4-0.6
        c0,0,0-0.1-0.1-0.1L56.1,1.7c-0.8-0.9-2.1-0.9-2.9,0c-0.8,0.9-0.8,2.4,0,3.3l5.6,6.5c-8.1-1.1-16.1,0.6-16.5,0.7
        C17.6,16.7,0.2,39.5,3.4,63c0.2,1.2,1,2,2,2c0.1,0,0.2,0,0.3,0c1.1-0.2,1.9-1.4,1.7-2.7C4.6,41.3,20.5,21,43,16.9
        c0.1,0,8.4-1.8,16.1-0.6l-8.6,5.1c-1,0.6-1.4,2-0.9,3.2c0.5,1.2,1.7,1.6,2.8,1l13.5-8C66.1,17.5,66.2,17.4,66.4,17.2z"
      />
    </svg>
  );
}

export default Arrow;