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

export default ({ color, size = 1 }) => (
  <Svg
    width={16 * size}
    height={16 * size}
    viewBox="0 0 16 16"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <Path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M8.52001 10.4397C9.1484 10.2238 9.60001 9.62768 9.60001 8.92605C9.60001 8.0424 8.88367 7.32605 8.00001 7.32605C7.11636 7.32605 6.40001 8.0424 6.40001 8.92605C6.40001 9.62768 6.85162 10.2238 7.48001 10.4397V12C7.48001 12.2872 7.71282 12.52 8.00001 12.52C8.2872 12.52 8.52001 12.2872 8.52001 12V10.4397ZM8.00001 9.48605C8.30929 9.48605 8.56001 9.23533 8.56001 8.92605C8.56001 8.61677 8.30929 8.36605 8.00001 8.36605C7.69073 8.36605 7.44001 8.61677 7.44001 8.92605C7.44001 9.23533 7.69073 9.48605 8.00001 9.48605Z"
      fill={color || '#254898'}
    />
    <Path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M3.485 4.52593C3.53824 3.08328 4.01585 2.01401 4.82964 1.3037C5.68124 0.560392 6.82182 0.280029 8.00001 0.280029C9.1782 0.280029 10.3188 0.560392 11.1704 1.3037C11.9842 2.01401 12.4618 3.08328 12.515 4.52593C13.7871 4.58595 14.8 5.6363 14.8 6.92322V12.4C14.8 13.7255 13.7255 14.8 12.4 14.8H3.60001C2.27453 14.8 1.20001 13.7255 1.20001 12.4V6.92322C1.20001 5.6363 2.21293 4.58595 3.485 4.52593ZM4.52588 4.52322C4.57789 3.32136 4.97087 2.56087 5.51353 2.08722C6.10964 1.56691 6.96906 1.32003 8.00001 1.32003C9.03096 1.32003 9.89038 1.56691 10.4865 2.08722C11.0292 2.56087 11.4221 3.32136 11.4741 4.52322H4.52588ZM2.24001 6.92322C2.24001 6.17212 2.84891 5.56322 3.60001 5.56322H12.4C13.1511 5.56322 13.76 6.17212 13.76 6.92322V12.4C13.76 13.1511 13.1511 13.76 12.4 13.76H3.60001C2.8489 13.76 2.24001 13.1511 2.24001 12.4V6.92322Z"
      fill={color || '#254898'}
    />
  </Svg>
);
