/* 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 Home: React.FC<IconProps> = ({ colorVariant = 'body', ...props }) => {
  const { getIconColor } = useIcon();
  return (
    <Svg width="15" height="16" viewBox="0 0 11 12" fill="none" {...props}>
      <G clipPath="url(#clip0_2981_7170)">
        <Path
          d="M9.185 11.5H1.815C0.825 11.5 0 10.664 0 9.663V5.648C0 5.142 0.22 4.647 0.605 4.306L4.29 0.962C5.005 0.346 5.995 0.346 6.71 0.962L10.395 4.306C10.78 4.636 11 5.142 11 5.648V9.663C10.945 10.719 10.175 11.5 9.185 11.5ZM5.5 1.633C5.335 1.633 5.17 1.688 5.005 1.798L1.32 5.142C1.155 5.252 1.1 5.472 1.1 5.703V9.718C1.1 10.103 1.43 10.444 1.815 10.444H9.13C9.515 10.444 9.845 10.114 9.845 9.718V5.703C9.845 5.483 9.735 5.318 9.625 5.142L5.94 1.798C5.83 1.688 5.665 1.633 5.5 1.633Z"
          fill={getIconColor(colorVariant)}
        />
      </G>
      <Defs>
        <ClipPath id="clip0_2981_7170">
          <Rect
            width="11"
            height="11"
            fill={getIconColor(colorVariant)}
            transform="translate(0 0.5)"
          />
        </ClipPath>
      </Defs>
    </Svg>
  );
};
