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

export const AddSquare: React.FC<IconProps> = ({ colorVariant = 'body', ...props }) => {
  const { getIconColor } = useIcon();
  const color = useMemo(() => getIconColor(colorVariant), [getIconColor, colorVariant]);
  return (
    <Svg width="17" height="17" viewBox="0 0 17 17" fill="none" {...props}>
      <G clipPath="url(#clip0_5070_15668)">
        <Path
          d="M12.2188 9.03125H4.78125C4.488 9.03125 4.25 8.79325 4.25 8.5C4.25 8.20675 4.488 7.96875 4.78125 7.96875H12.2188C12.512 7.96875 12.75 8.20675 12.75 8.5C12.75 8.79325 12.512 9.03125 12.2188 9.03125Z"
          fill={color}
        />
        <Path
          d="M8.5 12.75C8.20675 12.75 7.96875 12.512 7.96875 12.2188V4.78125C7.96875 4.488 8.20675 4.25 8.5 4.25C8.79325 4.25 9.03125 4.488 9.03125 4.78125V12.2188C9.03125 12.512 8.79325 12.75 8.5 12.75Z"
          fill={color}
        />
        <Path
          d="M15.052 17H1.94796C0.873398 17 0 16.1266 0 15.052V1.94796C0 0.873398 0.873398 0 1.94796 0H15.052C16.1266 0 17 0.873398 17 1.94796V15.052C17 16.1266 16.1266 17 15.052 17ZM1.94796 1.0625C1.4599 1.0625 1.0625 1.4599 1.0625 1.94796V15.052C1.0625 15.5401 1.4599 15.9375 1.94796 15.9375H15.052C15.5401 15.9375 15.9375 15.5401 15.9375 15.052V1.94796C15.9375 1.4599 15.5401 1.0625 15.052 1.0625H1.94796Z"
          fill={color}
        />
      </G>
      <Defs>
        <clipPath id="clip0_5070_15668">
          <Rect width="17" height="17" fill="white" />
        </clipPath>
      </Defs>
    </Svg>
  );
};
