import React from 'react';
import { Path, Rect, G } from 'react-native-svg';
import type { IllustrationSvgProps } from '../types';
import BaseSvg from '../BaseSvg';

const Connections = ({
  stroke,
  fill,
  testID,
  width,
  height,
}: IllustrationSvgProps) => {
  return (
    <BaseSvg width={width} height={height} testID={testID}>
      <Rect
        y="12.2122"
        width="60.6316"
        height="60.6316"
        rx="20"
        fill={fill}
        stroke="transparent"
      />
      <Rect
        x="13.3684"
        y="2.84375"
        width="56.6316"
        height="56.6316"
        rx="18"
        stroke={stroke}
        fill="transparent"
        strokeWidth="4"
      />
      <G>
        <Path
          d="M36.1528 44.2908C34.083 44.2996 32.0953 43.4778 30.6377 42.0086C29.1729 40.5438 28.3496 38.5574 28.3496 36.486C28.3496 34.4132 29.1728 32.427 30.6377 30.9622L32.8408 28.7591C33.1338 28.4632 33.5337 28.2962 33.9497 28.2962C34.3657 28.2962 34.7656 28.4632 35.0586 28.7591L43.8872 37.5877C44.1831 37.8807 44.3501 38.2806 44.3501 38.6966C44.3501 39.1126 44.1831 39.5125 43.8872 39.8055L41.6841 42.0086C40.2163 43.4734 38.2256 44.2938 36.1528 44.2908ZM33.9497 32.0711L32.8408 33.1653C31.0069 34.9993 31.0069 37.9713 32.8408 39.8054C34.6748 41.6396 37.6468 41.6394 39.481 39.8054L40.5752 38.6966L33.9497 32.0711Z"
          fill={stroke}
          strokeWidth="4"
        />
        <Path
          d="M49.4961 33.6341C49.0786 33.6326 48.6802 33.4642 48.3872 33.1653L39.481 24.3367C39.1851 24.0437 39.0181 23.6438 39.0181 23.2278C39.0181 22.8118 39.1851 22.4119 39.481 22.119L41.6841 19.9158C43.1401 18.4085 45.1396 17.5486 47.236 17.5311C49.3307 17.512 51.3463 18.3367 52.8272 19.8192C54.3096 21.3001 55.1343 23.3157 55.1153 25.4104C55.0977 27.5066 54.2379 29.5062 52.7305 30.9623L50.5274 33.1654C50.255 33.4452 49.8872 33.6121 49.4961 33.6341ZM42.793 23.2278L49.4961 29.8533L50.605 28.7591H50.6064C51.4883 27.8802 51.9849 26.6849 51.9849 25.4383C51.9849 24.1932 51.4883 22.9978 50.6064 22.1189C48.7431 20.3538 45.8282 20.3538 43.9648 22.1189L42.793 23.2278Z"
          fill={stroke}
        />
        <Path
          d="M36.1527 33.634C35.7411 33.6282 35.3471 33.4597 35.0585 33.1653C34.4535 32.5559 34.4535 31.5715 35.0585 30.9622L38.3719 27.6502C38.9916 27.1184 39.9159 27.1551 40.493 27.7322C41.0702 28.3094 41.1053 29.2322 40.575 29.8533L37.2616 33.1653C36.9701 33.4641 36.5702 33.6326 36.1527 33.634Z"
          fill={stroke}
        />
        <Path
          d="M40.5752 38.0565C40.1621 38.0506 39.7696 37.8822 39.481 37.5877C38.8745 36.9784 38.8745 35.994 39.481 35.3846L42.793 32.0726V32.0712C43.414 31.5409 44.3369 31.576 44.914 32.1532C45.4912 32.7303 45.5278 33.6546 44.9961 34.2743L41.6841 37.5877C41.3911 37.8851 40.9927 38.0536 40.5752 38.0565Z"
          fill={stroke}
        />
        <Path
          d="M51.6216 22.5877C51.2056 22.5892 50.8071 22.4266 50.5127 22.1336C50.2168 21.8406 50.0498 21.4407 50.0498 21.0247C50.0498 20.6087 50.2168 20.2088 50.5127 19.9159L56.9815 13.4471C57.5938 12.8333 58.5869 12.8333 59.1992 13.4471C59.813 14.0594 59.813 15.0526 59.1992 15.6649L52.7305 22.1336C52.4361 22.4266 52.0376 22.5892 51.6216 22.5877Z"
          fill={stroke}
        />
        <Path
          d="M26.0586 48.1491C25.644 48.1521 25.2441 47.9895 24.9497 47.6965C24.6538 47.4036 24.4868 47.0036 24.4868 46.5876C24.4868 46.1702 24.6538 45.7717 24.9497 45.4773L30.6377 39.7893V39.7908C31.25 39.177 32.2432 39.177 32.8555 39.7908C33.4693 40.4031 33.4693 41.3962 32.8555 42.0086L27.169 47.6966C26.8731 47.9895 26.4746 48.1521 26.0586 48.1491Z"
          fill={stroke}
        />
      </G>
    </BaseSvg>
  );
};

export default Connections;
