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="144"
12    height="82"
13    viewBox="0 0 144 82"
14    fill="none"
15    xmlns="http://www.w3.org/2000/svg">
16    <path
17      opacity="0.4"
18      d="M40.7406 74.6911C59.4909 74.6911 74.6911 59.4909 74.6911 40.7406C74.6911 21.9903 59.4909 6.7901 40.7406 6.7901C21.9903 6.7901 6.7901 21.9903 6.7901 40.7406C6.7901 59.4909 21.9903 74.6911 40.7406 74.6911Z"
19      fill={theme.palette.green5}
20      stroke={theme.palette.green9}
21      strokeWidth="6.7901"
22      strokeLinecap="round"
23    />
24    <path
25      d="M30.861 30.5555C31.6592 28.2865 33.2346 26.3732 35.3084 25.1545C37.3821 23.9357 39.8202 23.4902 42.1909 23.8969C44.5616 24.3035 46.7119 25.536 48.2609 27.3762C49.8099 29.2163 50.6577 31.5453 50.6541 33.9506C50.6541 40.7407 40.469 44.1357 40.469 44.1357M40.7406 57.7159H40.7745"
26      stroke={theme.palette.green9}
27      strokeWidth="6.7901"
28      strokeLinecap="round"
29    />
30    <path
31      d="M102.389 74.6911C121.139 74.6911 136.339 59.4909 136.339 40.7406C136.339 21.9903 121.139 6.7901 102.389 6.7901C83.6385 6.7901 68.4383 21.9903 68.4383 40.7406C68.4383 59.4909 83.6385 74.6911 102.389 74.6911Z"
32      fill={theme.palette.green5}
33    />
34    <path
35      d="M102.451 74.6911C121.201 74.6911 136.401 59.4909 136.401 40.7406C136.401 21.9903 121.201 6.7901 102.451 6.7901C83.7002 6.7901 68.5 21.9903 68.5 40.7406C68.5 59.4909 83.7002 74.6911 102.451 74.6911Z"
36      stroke={theme.palette.green7}
37      strokeWidth="6.7901"
38      strokeLinecap="round"
39    />
40    <path
41      d="M87 40.6664L97.1852 50.8515L117.555 30.4812"
42      stroke={theme.palette.green10}
43      strokeWidth="6.7901"
44      strokeLinecap="round"
45    />
46  </svg>
47);
48