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

const Add = ({ stroke, fill, testID, width, height }: IllustrationSvgProps) => {
  return (
    <BaseSvg width={width} height={height} testID={testID}>
      <Rect
        x="0.100098"
        y="11.3684"
        width="60.6316"
        height="60.6316"
        rx="20"
        fill={fill}
        stroke="transparent"
      />
      <Line
        x1="30.1001"
        y1="30"
        x2="53.1001"
        y2="30"
        stroke={stroke}
        strokeWidth="4"
        strokeLinecap="round"
      />
      <Line
        x1="41.6001"
        y1="18.5"
        x2="41.6001"
        y2="41.5"
        stroke={stroke}
        strokeWidth="4"
        strokeLinecap="round"
      />
      <Rect
        x="13.4685"
        y="2"
        width="56.6316"
        height="56.6316"
        rx="18"
        stroke={stroke}
        fill="transparent"
        strokeWidth="4"
      />
    </BaseSvg>
  );
};

export default Add;
