/* eslint-disable @typescript-eslint/ban-ts-comment */
// @ts-nocheck
import { useIcon } from 'hooks';
import React from 'react';
import Svg, { Path, G, ClipPath, Rect, Defs } from 'react-native-svg';
import { IconProps } from '../types';

export const Clock: React.FC<IconProps> = ({ colorVariant = 'body', ...props }) => {
  const { getIconColor } = useIcon();
  return (
    <Svg width="12" height="13" viewBox="0 0 12 13" fill="none" {...props}>
      <G clipPath="url(#clip0_1360_48070)">
        <Path
          d="M7.84376 0.5H4.15624C1.86448 0.5 0 2.36448 0 4.65624V8.34376C0 10.6355 1.86448 12.5 4.15624 12.5H7.84376C10.1355 12.5 12 10.6355 12 8.34376V4.65624C12 2.36448 10.1355 0.5 7.84376 0.5V0.5ZM11.0625 8.34376C11.0625 10.1186 9.61859 11.5625 7.84376 11.5625H4.15624C2.38141 11.5625 0.9375 10.1186 0.9375 8.34376V4.65624C0.9375 2.88141 2.38141 1.4375 4.15624 1.4375H7.84376C9.61859 1.4375 11.0625 2.88141 11.0625 4.65624V8.34376ZM8.17521 8.01228C8.35828 8.19535 8.35828 8.49214 8.17523 8.67519C7.99216 8.85826 7.69537 8.85823 7.51233 8.67519L5.66855 6.83143C5.58066 6.74354 5.53127 6.62429 5.53127 6.49998V3.73438C5.53127 3.47548 5.74113 3.26562 6.00002 3.26562C6.25891 3.26562 6.46877 3.47548 6.46877 3.73438V6.30584L8.17521 8.01228Z"
          fill={getIconColor(colorVariant)}
        />
      </G>
      <Defs>
        <ClipPath id="clip0_1360_48070">
          <Rect width="12" height="12" fill="white" transform="translate(0 0.5)" />
        </ClipPath>
      </Defs>
    </Svg>
  );
};
