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

const User = ({
  stroke,
  fill,
  testID,
  width,
  height,
}: IllustrationSvgProps) => {
  return (
    <BaseSvg width={width} height={height} testID={testID}>
      <Rect
        x="0.799805"
        y="11.3684"
        width="60.6316"
        height="60.6316"
        rx="20"
        fill={fill}
        stroke="transparent"
      />
      <Rect
        x="13.7998"
        y="2"
        width="56.6316"
        height="56.6316"
        rx="18"
        stroke={stroke}
        fill="transparent"
        strokeWidth="4"
      />
      <Path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M39.6629 34.967C37.551 34.967 35.839 36.679 35.839 38.7909C35.839 39.4337 36.36 39.9547 37.0028 39.9547H47.6433C48.2861 39.9547 48.8071 39.4337 48.8071 38.7909C48.8071 36.679 47.0951 34.967 44.9832 34.967H39.6629ZM51.7998 38.7909C51.7998 41.0865 49.9389 42.9474 47.6433 42.9474H37.0028C34.7072 42.9474 32.8463 41.0865 32.8463 38.7909C32.8463 35.0262 35.8982 31.9743 39.6629 31.9743H44.9832C48.7479 31.9743 51.7998 35.0262 51.7998 38.7909Z"
        fill={stroke}
      />
      <Path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M42.3231 21.0012C40.9457 21.0012 39.8292 22.1178 39.8292 23.4951C39.8292 24.8724 40.9457 25.989 42.3231 25.989C43.7004 25.989 44.8169 24.8724 44.8169 23.4951C44.8169 22.1178 43.7004 21.0012 42.3231 21.0012ZM36.8365 23.4951C36.8365 20.465 39.2929 18.0086 42.3231 18.0086C45.3532 18.0086 47.8096 20.465 47.8096 23.4951C47.8096 26.5252 45.3532 28.9816 42.3231 28.9816C39.2929 28.9816 36.8365 26.5252 36.8365 23.4951Z"
        fill={stroke}
      />
    </BaseSvg>
  );
};

export default User;
