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

export const Project: React.FC<IconProps> = ({ colorVariant = 'body', ...props }) => {
  const { getIconColor } = useIcon();
  const color = useMemo(() => getIconColor(colorVariant), [getIconColor, colorVariant]);

  return (
    <Svg width="18" height="18" viewBox="0 0 18 18" fill="none" {...props}>
      <G clipPath="url(#clip0_1256_4264)">
        <Path
          d="M6.1875 6.75H0.5625C0.252 6.75 0 6.498 0 6.1875V0.5625C0 0.252 0.252 0 0.5625 0H6.1875C6.498 0 6.75 0.252 6.75 0.5625V6.1875C6.75 6.498 6.498 6.75 6.1875 6.75ZM1.125 5.625H5.625V1.125H1.125V5.625Z"
          fill={color}
        />
        <Path
          d="M14.2498 12.7501C14.1058 12.7501 13.9618 12.6953 13.8523 12.5851L10.6648 9.39757C10.4451 9.17782 10.4451 8.82157 10.6648 8.60182L13.8523 5.41432C14.0721 5.19457 14.4283 5.19457 14.6481 5.41432L17.8356 8.60182C18.0553 8.82157 18.0553 9.17782 17.8356 9.39757L14.6481 12.5851C14.5378 12.6953 14.3938 12.7501 14.2498 12.7501ZM11.8581 9.00007L14.2498 11.3918L16.6416 9.00007L14.2498 6.60832L11.8581 9.00007Z"
          fill={color}
        />
        <Path
          d="M3.375 18C1.51425 18 0 16.4858 0 14.625C0 12.7643 1.51425 11.25 3.375 11.25C5.23574 11.25 6.74999 12.7643 6.74999 14.625C6.74999 16.4858 5.23574 18 3.375 18ZM3.375 12.375C2.1345 12.375 1.125 13.3845 1.125 14.625C1.125 15.8655 2.1345 16.875 3.375 16.875C4.6155 16.875 5.62499 15.8655 5.62499 14.625C5.62499 13.3845 4.6155 12.375 3.375 12.375Z"
          fill={color}
        />
        <Path
          d="M14.25 6.18749C13.9395 6.18749 13.6875 5.93549 13.6875 5.62499V3.9375H6.375C6.0645 3.9375 5.8125 3.6855 5.8125 3.375C5.8125 3.0645 6.0645 2.8125 6.375 2.8125H14.25C14.5605 2.8125 14.8125 3.0645 14.8125 3.375V5.62499C14.8125 5.93549 14.5605 6.18749 14.25 6.18749Z"
          fill={color}
        />
        <Path
          d="M14.25 15.1875H6.375C6.0645 15.1875 5.8125 14.9355 5.8125 14.625C5.8125 14.3145 6.0645 14.0625 6.375 14.0625H13.6875V12.375C13.6875 12.0645 13.9395 11.8125 14.25 11.8125C14.5605 11.8125 14.8125 12.0645 14.8125 12.375V14.625C14.8125 14.9355 14.5605 15.1875 14.25 15.1875Z"
          fill={color}
        />
      </G>
      <Defs>
        <ClipPath id="clip0_1256_4264">
          <Rect width="18" height="18" fill="white" />
        </ClipPath>
      </Defs>
    </Svg>
  );
};
