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

const Merge = ({
  stroke,
  fill,
  testID,
  width,
  height,
}: IllustrationSvgProps) => {
  return (
    <BaseSvg width={width} height={height} testID={testID}>
      <Rect
        x="0.100098"
        y="12.2122"
        width="60.6316"
        height="60.6316"
        rx="20"
        fill={fill}
        stroke="transparent"
      />
      <Rect
        x="13.4685"
        y="2.84375"
        width="56.6316"
        height="56.6316"
        rx="18"
        stroke={stroke}
        fill="transparent"
        strokeWidth="4"
      />
      <Rect
        x="1.41239"
        y="2.44635"
        width="16.2083"
        height="16.1187"
        rx="2"
        transform="matrix(0.966256 0.257583 -0.26006 0.965592 40.0996 23.1208)"
        stroke={stroke}
        fill="transparent"
        strokeWidth="4"
      />
      <Path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M47.1946 25.4544L48.3756 29.8395C48.9501 31.9726 47.6854 34.1632 45.5508 34.7322L35.6831 37.3627L38.4064 27.2513C38.9809 25.1182 41.1771 23.8502 43.3117 24.4193L47.1946 25.4544Z"
        fill={stroke}
      />
      <Rect
        x="2.45263"
        y="1.41602"
        width="16.2083"
        height="16.1187"
        rx="2"
        transform="matrix(0.966256 -0.257583 0.26006 0.965592 24.341 20.1727)"
        stroke={stroke}
        fill="transparent"
        strokeWidth="4"
      />
    </BaseSvg>
  );
};

export default Merge;
