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

export default ({ color, style }) => (
  <Svg width="20" height="20" viewBox="0 0 20 20" fill="none" style={style}>
    <Path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M13.5 1.19922H6.5C4.68782 1.19922 3.21875 2.62631 3.21875 4.38672V15.5867C3.21875 17.3471 4.68782 18.7742 6.5 18.7742H13.5C15.3122 18.7742 16.7812 17.3471 16.7812 15.5867V4.38672C16.7812 2.62631 15.3122 1.19922 13.5 1.19922ZM4.53125 4.38672C4.53125 3.33047 5.41269 2.47422 6.5 2.47422H13.5C14.5873 2.47422 15.4688 3.33047 15.4688 4.38672V15.5867C15.4688 16.643 14.5873 17.4992 13.5 17.4992H6.5C5.41269 17.4992 4.53125 16.643 4.53125 15.5867V4.38672ZM12.2125 4.95173C12.5715 4.95173 12.8625 4.66072 12.8625 4.30173C12.8625 3.94275 12.5715 3.65173 12.2125 3.65173C11.8535 3.65173 11.5625 3.94275 11.5625 4.30173C11.5625 4.66072 11.8535 4.95173 12.2125 4.95173ZM7.65 3.65674C7.29101 3.65674 7 3.94775 7 4.30674C7 4.66572 7.29101 4.95674 7.65 4.95674H10.35C10.709 4.95674 11 4.66572 11 4.30674C11 3.94775 10.709 3.65674 10.35 3.65674H7.65Z"
      fill={color || '#8A8CA2'}
    />
  </Svg>
);
