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

const List = ({
  stroke,
  fill,
  testID,
  width,
  height,
}: IllustrationSvgProps) => {
  return (
    <BaseSvg width={width} height={height} testID={testID}>
      <Rect
        x="0.199951"
        y="11.3684"
        width="60.6316"
        height="60.6316"
        rx="20"
        fill={fill}
        stroke="transparent"
      />
      <Rect
        x="13.5684"
        y="2"
        width="56.6316"
        height="56.6316"
        rx="18"
        stroke={stroke}
        fill="transparent"
        strokeWidth="4"
      />
      <Path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M33.0421 20C31.4724 20 30.2 21.2725 30.2 22.8421C30.2 24.4118 31.4724 25.6842 33.0421 25.6842C34.6117 25.6842 35.8842 24.4118 35.8842 22.8421C35.8842 21.2725 34.6117 20 33.0421 20ZM39.6736 20.9474C38.6272 20.9474 37.7789 21.7957 37.7789 22.8421C37.7789 23.8885 38.6272 24.7368 39.6736 24.7368H51.0421C52.0885 24.7368 52.9368 23.8885 52.9368 22.8421C52.9368 21.7957 52.0885 20.9474 51.0421 20.9474H39.6736ZM39.6737 28.5263C38.6272 28.5263 37.7789 29.3746 37.7789 30.421C37.7789 31.4675 38.6272 32.3158 39.6737 32.3158H51.0421C52.0885 32.3158 52.9368 31.4675 52.9368 30.421C52.9368 29.3746 52.0885 28.5263 51.0421 28.5263H39.6737ZM37.7789 38C37.7789 36.9536 38.6272 36.1053 39.6736 36.1053H51.0421C52.0885 36.1053 52.9368 36.9536 52.9368 38C52.9368 39.0464 52.0885 39.8947 51.0421 39.8947H39.6736C38.6272 39.8947 37.7789 39.0464 37.7789 38ZM30.2 30.4211C30.2 28.8514 31.4724 27.5789 33.0421 27.5789C34.6117 27.5789 35.8842 28.8514 35.8842 30.4211C35.8842 31.9907 34.6117 33.2632 33.0421 33.2632C31.4724 33.2632 30.2 31.9907 30.2 30.4211ZM33.0421 35.1579C31.4724 35.1579 30.2 36.4304 30.2 38C30.2 39.5697 31.4724 40.8421 33.0421 40.8421C34.6117 40.8421 35.8842 39.5697 35.8842 38C35.8842 36.4304 34.6117 35.1579 33.0421 35.1579Z"
        fill={stroke}
      />
    </BaseSvg>
  );
};

export default List;
