import React from 'react';
import { Svg, Path } from 'react-native-svg';

export default ({ color }) => (
  <Svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
    <Path
      d="M11.382 2.93902C11.382 2.51699 11.0664 2.2992 10.8342 2.2992H3.95402C3.72182 2.2992 3.40616 2.51699 3.40616 2.93902V13.6738L4.70501 12.7722C5.16844 12.4505 5.83041 12.756 5.83041 13.2915C5.83041 13.4958 5.72641 13.6882 5.54964 13.8109L4.10024 14.817C3.45572 15.2644 2.59943 15.0581 2.20784 14.4587C2.06993 14.2476 2 14.0055 2 13.7629V2.93902C2 1.9368 2.80447 1 3.95402 1H10.8342C11.9837 1 12.7882 1.9368 12.7882 2.93902V2.96479C12.7882 3.32355 12.4734 3.61439 12.0851 3.61439C11.6968 3.61439 11.382 3.32355 11.382 2.96479V2.93902Z"
      fill={color || '#0C152E'}
    />
    <Path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M18 6.86838C18 5.86615 17.1955 4.92935 16.046 4.92935H9.16583C8.01628 4.92935 7.21181 5.86615 7.21181 6.86838V17.6923C7.21181 17.9349 7.28174 18.177 7.41965 18.3881C7.81123 18.9875 8.66753 19.1938 9.31205 18.7464L12.563 16.4897L15.91 18.7669C16.1283 18.9154 16.3932 19 16.6715 19C17.4756 19 18 18.3518 18 17.7057V6.86838ZM16.046 6.22856C16.2782 6.22856 16.5938 6.44634 16.5938 6.86838V17.6187L13.2996 15.3774C12.8573 15.0766 12.2539 15.0793 11.8148 15.384L8.61797 17.6031V6.86838C8.61797 6.44635 8.93362 6.22856 9.16583 6.22856H16.046Z"
      fill={color || '#0C152E'}
    />
  </Svg>
);
