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

export const Dashboard: React.FC<IconProps> = ({ colorVariant = 'primary', ...props }) => {
  const { getIconColor } = useIcon();
  return (
    <Svg width="18" height="18" viewBox="0 0 22 21" fill="none" {...props}>
      <G clipPath="url(#clip0_1118_26308)">
        <Path
          d="M18.3711 20.1876H13.937C12.7282 20.1876 11.7456 19.2051 11.7456 17.9962V13.5864C11.7456 12.3776 12.7282 11.395 13.937 11.395H18.3711C19.5799 11.395 20.5625 12.3776 20.5625 13.5864V17.9962C20.5625 19.2051 19.5799 20.1876 18.3711 20.1876Z"
          fill={getIconColor(colorVariant)}
        />
        <Path
          d="M18.3711 9.85535H13.937C12.7282 9.85535 11.7456 8.8728 11.7456 7.66394V3.25415C11.7456 2.04529 12.7282 1.06274 13.937 1.06274H18.3711C19.5799 1.06274 20.5625 2.04529 20.5625 3.25415V7.66394C20.5625 8.8728 19.5799 9.85535 18.3711 9.85535Z"
          fill={getIconColor(colorVariant)}
        />
        <Path
          d="M8.0631 9.85535H3.62903C2.42017 9.85535 1.43762 8.8728 1.43762 7.66394V3.25415C1.43762 2.04529 2.42017 1.06274 3.62903 1.06274H8.0631C9.27196 1.06274 10.2545 2.04529 10.2545 3.25415V7.66394C10.2545 8.8728 9.27196 9.85535 8.0631 9.85535Z"
          fill={getIconColor(colorVariant)}
        />
        <Path
          d="M8.0631 20.1876H3.62903C2.42017 20.1876 1.43762 19.2051 1.43762 17.9962V13.5864C1.43762 12.3776 2.42017 11.395 3.62903 11.395H8.0631C9.27196 11.395 10.2545 12.3776 10.2545 13.5864V17.9962C10.2545 19.2051 9.27196 20.1876 8.0631 20.1876Z"
          fill={getIconColor(colorVariant)}
        />
      </G>
      <Defs>
        <ClipPath id="clip0_1118_26308">
          <Rect width="20.25" height="20.25" fill="white" transform="translate(0.875 0.5)" />
        </ClipPath>
      </Defs>
    </Svg>
  );
};
