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

export const HomeOld: React.FC<IconProps> = ({ colorVariant = 'body', ...props }) => {
  const { getIconColor } = useIcon();
  return (
    <Svg width="21" height="20" viewBox="0 0 21 20" fill="none" {...props}>
      <G clipPath="url(#clip0_3477_56957)">
        <Path
          d="M20.5748 9.04041L11.3248 0.173836C11.0832 -0.0579453 10.7014 -0.0579453 10.4599 0.173836L1.20071 9.04957C1.00479 9.24549 0.892334 9.51542 0.892334 9.7913C0.892334 10.3655 1.35986 10.833 1.93405 10.833H3.39233V18.7496C3.39233 19.4396 3.95233 19.9996 4.64233 19.9996H8.18405C8.52905 19.9996 8.80905 19.7196 8.80905 19.3746V13.958C8.80905 13.8437 8.90228 13.7496 9.01733 13.7496H12.7673C12.8815 13.7496 12.9756 13.8437 12.9756 13.958V19.3746C12.9756 19.7196 13.2556 19.9996 13.6006 19.9996H17.1423C17.8323 19.9996 18.3923 19.4396 18.3923 18.7496V10.833H19.8506C20.4248 10.833 20.8923 10.3655 20.8923 9.7913C20.8923 9.51542 20.7799 9.24549 20.5748 9.04041V9.04041Z"
          fill={getIconColor(colorVariant)}
        />
      </G>
      <Defs>
        <ClipPath id="clip0_3477_56957">
          <Rect width="20" height="20" fill="white" transform="translate(0.892334)" />
        </ClipPath>
      </Defs>
    </Svg>
  );
};
