/* 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 } from 'react-native-svg';

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

  return (
    <Svg width="17" height="16" viewBox="0 0 17 16" fill="none" {...props}>
      <Path
        d="M6.625 6.5H2.875C2.668 6.5 2.5 6.332 2.5 6.125V2.375C2.5 2.168 2.668 2 2.875 2H6.625C6.832 2 7 2.168 7 2.375V6.125C7 6.332 6.832 6.5 6.625 6.5Z"
        fill={color}
      />
      <Path
        d="M11.9999 10.5004C11.9039 10.5004 11.8079 10.4639 11.7349 10.3904L9.60988 8.26537C9.46337 8.11887 9.46337 7.88137 9.60988 7.73487L11.7349 5.60987C11.8814 5.46338 12.1189 5.46338 12.2654 5.60987L14.3904 7.73487C14.5369 7.88137 14.5369 8.11887 14.3904 8.26537L12.2654 10.3904C12.1919 10.4639 12.0959 10.5004 11.9999 10.5004Z"
        fill={color}
      />
      <Path
        d="M4.75 14C3.5095 14 2.5 12.9905 2.5 11.75C2.5 10.5095 3.5095 9.5 4.75 9.5C5.9905 9.5 7 10.5095 7 11.75C7 12.9905 5.9905 14 4.75 14Z"
        fill={color}
      />
      <Path
        d="M12 6.125C11.793 6.125 11.625 5.957 11.625 5.75V4.625H6.75C6.543 4.625 6.375 4.457 6.375 4.25C6.375 4.043 6.543 3.875 6.75 3.875H12C12.207 3.875 12.375 4.043 12.375 4.25V5.75C12.375 5.957 12.207 6.125 12 6.125Z"
        fill={color}
      />
      <Path
        d="M12 12.125H6.75C6.543 12.125 6.375 11.957 6.375 11.75C6.375 11.543 6.543 11.375 6.75 11.375H11.625V10.25C11.625 10.043 11.793 9.875 12 9.875C12.207 9.875 12.375 10.043 12.375 10.25V11.75C12.375 11.957 12.207 12.125 12 12.125Z"
        fill={color}
      />
    </Svg>
  );
};
