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

const Clock = ({
  stroke,
  fill,
  testID,
  width,
  height,
}: IllustrationSvgProps) => {
  return (
    <BaseSvg width={width} height={height} testID={testID}>
      <Rect
        x="0.384277"
        y="12.3684"
        width="60.6316"
        height="60.6316"
        rx="20"
        fill={fill}
      />
      <Path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M30.6916 57.4391C33.3944 57.6293 36.8359 57.6316 41.7001 57.6316C46.5643 57.6316 50.0057 57.6293 52.7085 57.4391C55.3738 57.2516 57.0177 56.8957 58.3216 56.3366C62.0954 54.7183 65.1026 51.7111 66.7209 47.9374C67.28 46.6334 67.6358 44.9895 67.8234 42.3242C68.0136 39.6215 68.0159 36.18 68.0159 31.3158C68.0159 26.4516 68.0136 23.0101 67.8234 20.3073C67.6358 17.6421 67.28 15.9982 66.7209 14.6942C65.1026 10.9204 62.0954 7.91326 58.3216 6.29499C57.0177 5.73584 55.3738 5.38001 52.7085 5.19248C50.0057 5.0023 46.5643 5 41.7001 5C36.8359 5 33.3944 5.0023 30.6916 5.19248C28.0264 5.38001 26.3824 5.73584 25.0785 6.29499C21.3047 7.91326 18.2975 10.9204 16.6793 14.6942C16.1201 15.9982 15.7643 17.6421 15.5768 20.3073C15.3866 23.0101 15.3843 26.4516 15.3843 31.3158C15.3843 36.18 15.3866 39.6215 15.5768 42.3242C15.7643 44.9895 16.1201 46.6334 16.6793 47.9374C18.2975 51.7111 21.3047 54.7183 25.0785 56.3366C26.3824 56.8957 28.0264 57.2516 30.6916 57.4391ZM13.003 13.1178C11.3843 16.8927 11.3843 21.7004 11.3843 31.3158C11.3843 40.9312 11.3843 45.7389 13.003 49.5138C15.0259 54.231 18.7848 57.99 23.5021 60.0128C27.2769 61.6316 32.0847 61.6316 41.7001 61.6316C51.3155 61.6316 56.1232 61.6316 59.8981 60.0128C64.6153 57.99 68.3743 54.231 70.3971 49.5138C72.0159 45.7389 72.0159 40.9312 72.0159 31.3158C72.0159 21.7004 72.0159 16.8927 70.3971 13.1178C68.3743 8.40056 64.6153 4.64158 59.8981 2.61874C56.1232 1 51.3155 1 41.7001 1C32.0847 1 27.2769 1 23.5021 2.61874C18.7848 4.64158 15.0259 8.40056 13.003 13.1178Z"
        fill={stroke}
      />
      <Path
        d="M41.3843 14.8C32.4514 14.8 25.1843 22.0668 25.1843 31C25.1843 39.9332 32.4511 47.2 41.3843 47.2C50.3175 47.2 57.5843 39.9332 57.5843 31C57.5843 22.0668 50.3175 14.8 41.3843 14.8ZM41.3843 43.6011C34.4369 43.6011 28.7829 37.9474 28.7829 30.9996C28.7829 24.0509 34.4365 18.3982 41.3843 18.3982C48.332 18.3982 53.9857 24.0519 53.9857 30.9996C53.9857 37.9474 48.332 43.6011 41.3843 43.6011Z"
        fill={stroke}
        stroke={stroke}
        strokeWidth="0.4"
      />
      <Path
        d="M40.1357 32.5728L40.136 32.5731L45.0853 37.0085L45.0853 37.0085C45.4289 37.3162 45.8587 37.4677 46.2863 37.4677C46.7793 37.4677 47.2717 37.2663 47.6266 36.8693C48.2902 36.1289 48.2276 34.992 47.4874 34.3283L47.4874 34.3283L43.1717 30.46C43.1784 30.4064 43.1836 30.3487 43.1836 30.289V23.3144C43.1836 22.3209 42.3777 21.5151 41.3843 21.5151C40.3909 21.5151 39.585 22.3209 39.585 23.3144V30.289C39.585 30.2924 39.585 30.2968 39.585 30.302C39.5847 30.4004 39.5837 30.8131 39.6409 31.2636C39.671 31.5006 39.7179 31.7543 39.7923 31.9815C39.8651 32.2043 39.9717 32.4253 40.1357 32.5728Z"
        fill={stroke}
        stroke={stroke}
        strokeWidth="0.4"
      />
    </BaseSvg>
  );
};

export default Clock;
