1import { theme } from '@expo/styleguide';
2import React from 'react';
3
4export const WhyImage = () => (
5  <svg
6    style={{
7      position: 'absolute',
8      right: 20,
9      bottom: 20,
10    }}
11    width="135"
12    height="77"
13    viewBox="0 0 135 77"
14    fill="none"
15    xmlns="http://www.w3.org/2000/svg">
16    <path
17      d="M72.7084 38.4707C72.7084 57.7122 57.1101 73.3104 37.8687 73.3104C18.6272 73.3104 3.02893 57.7122 3.02893 38.4707C3.02893 19.2293 18.6272 3.63098 37.8687 3.63098C57.1101 3.63098 72.7084 19.2293 72.7084 38.4707Z"
18      fill={theme.palette.green['100']}
19      stroke={theme.palette.green['300']}
20      strokeWidth="6"
21    />
22    <path
23      d="M131.699 38.4707C131.699 57.7122 116.101 73.3104 96.8597 73.3104C77.6183 73.3104 62.02 57.7122 62.02 38.4707C62.02 19.2293 77.6183 3.63098 96.8597 3.63098C116.101 3.63098 131.699 19.2293 131.699 38.4707Z"
24      fill={theme.palette.green['200']}
25      stroke={theme.palette.green['300']}
26      strokeWidth="6"
27    />
28    <path d="M96.8596 25.7819V51.1596" stroke="#28A745" strokeWidth="6.67" strokeLinecap="round" />
29    <path
30      d="M84.1716 38.4708L109.549 38.4708"
31      stroke="#28A745"
32      strokeWidth="6.67"
33      strokeLinecap="round"
34    />
35    <path
36      d="M25.1804 38.4708L50.5581 38.4708"
37      stroke="#28A745"
38      strokeWidth="6.67"
39      strokeLinecap="round"
40    />
41  </svg>
42);
43