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

const Search = ({
  stroke,
  fill,
  testID,
  width,
  height,
}: IllustrationSvgProps) => {
  return (
    <BaseSvg width={width} height={height} testID={testID}>
      <Rect
        y="11.3684"
        width="60.6316"
        height="60.6316"
        rx="20"
        fill={fill}
        stroke="transparent"
      />
      <Rect
        x="13.3684"
        y="2"
        width="56.6316"
        height="56.6316"
        rx="18"
        stroke={stroke}
        fill="transparent"
        strokeWidth="4"
      />
      <Path
        d="M52.8697 41.5015L52.8705 41.5007C53.5138 40.8559 53.5137 39.8753 52.869 39.2306C52.869 39.2306 52.869 39.2306 52.869 39.2306L46.1982 32.5588C47.1965 31.1525 47.751 29.3916 47.751 27.514C47.751 22.6035 43.7947 18.6474 38.8841 18.6474C33.9734 18.6474 30.0159 22.6047 30.0159 27.5152C30.0159 32.4258 33.9722 36.3819 38.8828 36.3819C40.7683 36.3819 42.4693 35.823 43.9243 34.8256L50.5999 41.5009C50.9175 41.8186 51.323 41.9842 51.7351 41.9842C52.1475 41.9842 52.5514 41.8183 52.8697 41.5015ZM38.8841 33.1463C35.7542 33.1463 33.2529 30.645 33.2529 27.5152C33.2529 24.3855 35.7542 21.8842 38.8841 21.8842C42.0139 21.8842 44.5153 24.3855 44.5153 27.5152C44.5153 30.6437 42.0127 33.1463 38.8841 33.1463Z"
        fill={stroke}
        stroke={stroke}
        strokeWidth="0.6"
      />
    </BaseSvg>
  );
};

export default Search;
