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

const Build = ({
  stroke,
  fill,
  testID,
  width,
  height,
}: IllustrationSvgProps) => {
  return (
    <BaseSvg width={width} height={height} testID={testID}>
      <Rect
        x="0.615723"
        y="11.3684"
        width="60.6316"
        height="60.6316"
        rx="20"
        fill={fill}
        stroke="transparent"
      />
      <Rect
        x="13.9841"
        y="2"
        width="56.6316"
        height="56.6316"
        rx="18"
        strokeWidth="4"
        stroke={stroke}
        fill="transparent"
      />
      <Path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M33.0369 42.8913C32.7714 42.9823 32.4958 43.0278 32.2152 43.0278C31.3833 43.0278 30.602 42.6258 30.1141 41.9507C29.6286 41.2756 29.4971 40.4059 29.7626 39.617L34.9407 24.0827C35.1961 23.3115 35.8004 22.7047 36.5715 22.4443L52.1059 17.2662C53.0364 16.9552 54.0629 17.198 54.7556 17.8932C55.4484 18.5861 55.6911 19.6126 55.3801 20.543L50.202 36.0774C49.9467 36.8485 49.3424 37.4553 48.5712 37.7132L33.0369 42.8913Z"
        stroke={stroke}
        fill={stroke}
      />
      <Circle
        cx="43.0267"
        cy="29.589"
        r="3.94521"
        stroke={stroke}
        fill={fill}
      />
    </BaseSvg>
  );
};

export default Build;