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

import { useTheme } from 'contexts/ThemeContext';
import { themes, colors } from 'constants/styleGuide';

export default function AllSetIllustrationSvg({ height = 107, width = 136, style }) {
  const { theme } = useTheme();

  const color = theme === themes.light ? colors.light.zodiacBlue : colors.dark.white;

  const fillColorLevel1 = theme === themes.light ? colors.light.white : colors.dark.mainBg;

  const fillColorLevel2 =
    theme === themes.light ? colors.light.platinumGray : colors.dark.volcanicSand;

  return (
    <Svg width={width} height={height} viewBox="0 0 136 107" fill="none" style={style}>
      <Path
        d="M11.2593 46.6482L9.53707 47.6482L13.463 54.4445L15.1852 53.4445C19.1297 51.1667 24.0556 54.0186 24.0556 58.5556V60.5371H31.8889V58.5556C31.8889 54.0001 36.8149 51.1667 40.7593 53.4445L42.4815 54.4445L46.4074 47.6482L44.6852 46.6482C40.7408 44.3704 40.7408 38.6853 44.6852 36.4075L46.4074 35.4075L42.463 28.6297L40.7408 29.6297C36.7963 31.9075 31.8704 29.0556 31.8704 24.5186V22.5371H24.0371V24.5186C24.0371 29.0741 19.1111 31.9075 15.1667 29.6297L13.4445 28.6297L9.51855 35.426L11.2408 36.426C15.1852 38.6853 15.1852 44.3704 11.2593 46.6482ZM20.5741 41.5371C20.5741 37.463 23.8704 34.1482 27.963 34.1482C32.0371 34.1482 35.3519 37.4445 35.3519 41.5371C35.3519 45.6112 32.0556 48.926 27.963 48.926C23.8889 48.9075 20.5741 45.6112 20.5741 41.5371Z"
        fill={fillColorLevel1}
        stroke={color}
        strokeMiterlimit="10"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <Path
        d="M36.2588 30.2225C36.7403 30.0928 37.2218 29.8891 37.6847 29.6299L39.4069 28.6299H42.4625L40.7403 29.6299C39.2773 30.4632 37.6847 30.6114 36.2588 30.2225Z"
        fill={fillColorLevel2}
        stroke={color}
        strokeMiterlimit="10"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <Path
        d="M27.9629 48.9077C27.4443 48.9077 26.9258 48.8521 26.4443 48.741C29.7962 48.0373 32.2962 45.0743 32.2962 41.5188C32.2962 37.9632 29.7777 35.0003 26.4443 34.2965C26.9443 34.1854 27.4443 34.1299 27.9629 34.1299C32.0369 34.1299 35.3517 37.4262 35.3517 41.5188C35.3517 45.6114 32.0369 48.9077 27.9629 48.9077Z"
        fill={fillColorLevel2}
        stroke={color}
        strokeMiterlimit="10"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <Path
        d="M16.5918 30.2223C19.0177 29.5741 20.9807 27.389 20.9807 24.5186V22.5371H24.0362V24.5186C24.0362 28.5186 20.2029 31.2038 16.5918 30.2223Z"
        fill={fillColorLevel2}
        stroke={color}
        strokeMiterlimit="10"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <Path
        d="M40.7403 53.4447L42.4625 54.4447H39.4069L37.6847 53.4447C37.2218 53.1855 36.7403 52.9817 36.2588 52.8521C37.6847 52.4632 39.2773 52.6114 40.7403 53.4447Z"
        fill={fillColorLevel2}
        stroke={color}
        strokeMiterlimit="10"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <Path
        d="M24.0362 58.5562V60.5377H20.9807V58.5562C20.9807 55.6858 19.0177 53.5006 16.5918 52.8525C20.2029 51.871 24.0362 54.5562 24.0362 58.5562Z"
        fill={fillColorLevel2}
        stroke={color}
        strokeMiterlimit="10"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <Path
        d="M8.20367 36.4262L6.48145 35.4262L10.4074 28.6299H13.4629L9.537 35.4262L11.2592 36.4262C15.2037 38.704 15.2037 44.3891 11.2592 46.6669L9.537 47.6669L13.4629 54.4632H10.4074L6.48145 47.6484L8.20367 46.6484C12.1481 44.3706 12.1481 38.6854 8.20367 36.4262Z"
        fill={fillColorLevel2}
        stroke={color}
        strokeMiterlimit="10"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <Path
        d="M9.537 35.4258H6.48145"
        stroke={color}
        strokeMiterlimit="10"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <Path d="M128.111 6.07422H95.1855V39.0001H128.111V6.07422Z" fill={colors.light.ufoGreen} />
      <Path
        d="M107.908 31.148L101.057 23.6294L101.205 23.4628L107.908 30.8332L122.094 13.9072L122.242 14.0739L107.908 31.148Z"
        fill={fillColorLevel1}
        stroke={fillColorLevel1}
        strokeWidth="0.75"
        strokeMiterlimit="10"
      />
      <Path
        d="M64.37 30.1111C72.4088 30.1111 78.9256 23.5944 78.9256 15.5556C78.9256 7.51674 72.4088 1 64.37 1C56.3312 1 49.8145 7.51674 49.8145 15.5556C49.8145 23.5944 56.3312 30.1111 64.37 30.1111Z"
        fill={fillColorLevel1}
        stroke={color}
        strokeMiterlimit="10"
      />
      <Path
        d="M73.3887 4.37012C75.5924 6.90715 76.9258 10.2035 76.9258 13.8331C76.9258 21.796 70.4628 28.2405 62.5184 28.2405C59.0739 28.2405 55.9073 27.0368 53.4258 25.0183C56.0739 28.0553 59.9628 29.9812 64.2962 29.9812C72.2591 29.9812 78.7036 23.5183 78.7036 15.5738C78.7221 11.0368 76.648 6.99975 73.3887 4.37012Z"
        fill={fillColorLevel2}
      />
      <Path
        d="M113.111 88.9995C113.111 88.981 113.111 88.944 113.111 88.9255C113.111 62.0551 91.3144 40.2588 64.444 40.2588C37.5736 40.2588 15.7773 62.0551 15.7773 88.9255C15.7773 88.944 15.7773 88.981 15.7773 88.9995C47.8144 93.444 80.2588 93.5551 113.111 88.9995Z"
        fill={colors.light.ultramarineBlue}
      />
      <Path
        d="M64.9071 42.7217C68.814 42.7217 71.9812 42.1662 71.9812 41.481C71.9812 40.7957 68.814 40.2402 64.9071 40.2402C61.0002 40.2402 57.833 40.7957 57.833 41.481C57.833 42.1662 61.0002 42.7217 64.9071 42.7217Z"
        fill={colors.light.zodiacBlue}
      />
      <Path
        d="M38.1482 70.7412L34.5371 91.0931L38.1482 91.3708V70.7412Z"
        fill={colors.light.zodiacBlue}
      />
      <Path
        d="M93.1855 70.5742L96.7967 90.9076L93.1855 91.2039V70.5742Z"
        fill={colors.light.zodiacBlue}
      />
      <Path
        d="M92.4448 106.056C90.0559 104.259 87.9819 102.13 86.1115 100.204C83.7411 97.7595 80.5004 94.4076 78.4819 94.0373C72.0374 92.8336 67.7781 86.5928 68.9819 80.1484C69.5744 77.0187 71.3337 74.315 73.9633 72.5187C76.593 70.7224 79.7596 70.0558 82.8707 70.6484C92.3337 72.4261 98.6115 78.9076 103.204 83.6484C103.852 84.3335 106.649 86.7224 108.315 88.1669C108.926 88.7039 109.223 88.8706 109.889 89.3891"
        fill={fillColorLevel1}
      />
      <Path
        d="M92.4448 106.056C90.0559 104.259 87.9819 102.13 86.1115 100.204C83.7411 97.7595 80.5004 94.4076 78.4819 94.0373C72.0374 92.8336 67.7781 86.5928 68.9819 80.1484C69.5744 77.0187 71.3337 74.315 73.9633 72.5187C76.593 70.7224 79.7596 70.0558 82.8707 70.6484C92.3337 72.4261 98.6115 78.9076 103.204 83.6484C103.852 84.3335 106.649 86.7224 108.315 88.1669C108.926 88.7039 109.223 88.8706 109.889 89.3891"
        stroke={color}
        strokeMiterlimit="10"
      />
      <Path
        d="M113.092 88.834C113.518 90.2044 114.185 92.297 114.222 92.4266C115 93.9266 115.426 96.0747 115.407 98.297C115.389 101.26 114.278 103.982 112.444 106.056"
        fill={fillColorLevel1}
      />
      <Path
        d="M113.092 88.834C113.518 90.2044 114.185 92.297 114.222 92.4266C115 93.9266 115.426 96.0747 115.407 98.297C115.389 101.26 114.278 103.982 112.444 106.056"
        stroke={color}
        strokeMiterlimit="10"
      />
      <Path
        d="M59.2772 93.1113L58.9809 74.0187C58.9624 73.2595 59.5735 72.6484 60.3327 72.6298L75.4994 72.4076C76.2587 72.3891 76.8698 73.0002 76.8883 73.7595L77.1846 92.8521C77.2031 93.6113 76.592 94.2224 75.8327 94.241L60.6661 94.4632C59.9068 94.4632 59.2772 93.8521 59.2772 93.1113Z"
        fill={fillColorLevel2}
        stroke={color}
        strokeMiterlimit="10"
      />
      <Path
        d="M17.8336 106.018C16.0744 103.074 15.2225 99.4256 15.4077 95.333C15.4262 94.9256 15.4447 94.4256 15.4447 93.8701C15.4818 92.2405 15.5373 90.2034 15.7966 88.9812M34.2966 93.4071C35.5003 93.259 38.7225 92.2775 41.5558 91.4071C43.3892 90.8516 45.1114 90.3145 46.2225 90.0367C51.4818 88.6849 55.4818 86.9997 57.4818 85.8701C59.3892 82.2404 63.1299 79.9442 67.241 79.8886C67.2966 79.8886 67.3336 79.8886 67.3892 79.8886C73.4818 79.8886 78.5003 84.8145 78.5744 90.9256C78.6114 94.3516 77.3521 99.333 71.0558 103.722C69.9262 104.518 68.6114 105.296 67.167 106.037M47.4262 75.7034L47.3151 75.3516L47.3892 75.5182L47.4262 75.7034Z"
        fill={fillColorLevel1}
      />
      <Path
        d="M17.8336 106.018C16.0744 103.074 15.2225 99.4256 15.4077 95.333C15.4262 94.9256 15.4447 94.4256 15.4447 93.8701C15.4818 92.2405 15.5373 90.2034 15.7966 88.9812M34.2966 93.4071C35.5003 93.259 38.7225 92.2775 41.5558 91.4071C43.3892 90.8516 45.1114 90.3145 46.2225 90.0367C51.4818 88.6849 55.4818 86.9997 57.4818 85.8701C59.3892 82.2404 63.1299 79.9442 67.241 79.8886C67.2966 79.8886 67.3336 79.8886 67.3892 79.8886C73.4818 79.8886 78.5003 84.8145 78.5744 90.9256C78.6114 94.3516 77.3521 99.333 71.0558 103.722C69.9262 104.518 68.6114 105.296 67.167 106.037M47.4262 75.7034L47.3151 75.3516L47.3892 75.5182L47.4262 75.7034Z"
        stroke={color}
        strokeMiterlimit="10"
      />
      <Path
        d="M34.5372 91.0928C34.5372 91.0928 34.2594 93.4261 34.315 93.4261C36.5001 93.0928 40.9816 91.6113 40.9816 91.6113L34.5372 91.0928Z"
        fill={colors.light.zodiacBlue}
      />
      <Path
        d="M113.925 91.4626L113.092 88.833L109.74 89.37L114.222 92.3701L113.925 91.4626Z"
        fill={colors.light.zodiacBlue}
      />
      <Path
        d="M61.3522 76.5189C61.9965 76.5189 62.5189 75.9965 62.5189 75.3522C62.5189 74.7079 61.9965 74.1855 61.3522 74.1855C60.7079 74.1855 60.1855 74.7079 60.1855 75.3522C60.1855 75.9965 60.7079 76.5189 61.3522 76.5189Z"
        stroke={color}
        strokeMiterlimit="10"
      />
      <Path d="M0.5 105.981H135.056" stroke={color} strokeMiterlimit="10" />
    </Svg>
  );
}
