// eslint-disable-next-line @typescript-eslint/ban-ts-comment
//@ts-nocheck
import type { VariantProps } from 'class-variance-authority'
import * as React from 'react'
import type { SVGProps } from 'react'
import { iconVariants } from '../../iconVariants'

type Color = VariantProps<typeof iconVariants>['color'] | undefined

export const SvgHeatmap = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M3.66675 5.66663C3.66675 5.92927 3.71848 6.18934 3.81899 6.43199C3.9195 6.67464 4.06682 6.89512 4.25253 7.08084C4.43825 7.26656 4.65873 7.41388 4.90138 7.51439C5.14403 7.61489 5.4041 7.66663 5.66675 7.66663C5.92939 7.66663 6.18946 7.61489 6.43212 7.51439C6.67477 7.41388 6.89525 7.26656 7.08096 7.08084C7.26668 6.89512 7.414 6.67464 7.51451 6.43199C7.61502 6.18934 7.66675 5.92927 7.66675 5.66663C7.66675 5.40398 7.61502 5.14391 7.51451 4.90126C7.414 4.65861 7.26668 4.43813 7.08096 4.25241C6.89525 4.0667 6.67477 3.91938 6.43212 3.81887C6.18946 3.71836 5.92939 3.66663 5.66675 3.66663C5.4041 3.66663 5.14403 3.71836 4.90138 3.81887C4.65873 3.91938 4.43825 4.0667 4.25253 4.25241C4.06682 4.43813 3.9195 4.65861 3.81899 4.90126C3.71848 5.14391 3.66675 5.40398 3.66675 5.66663Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M15.6667 13C15.6667 14.4727 14.4728 15.6666 13.0001 15.6666C11.5273 15.6666 10.3334 14.4727 10.3334 13C10.3334 11.5272 11.5273 10.3333 13.0001 10.3333C14.4728 10.3333 15.6667 11.5272 15.6667 13Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M9.66675 4.99996C9.66675 5.88401 10.0179 6.73186 10.6431 7.35698C11.2682 7.9821 12.116 8.33329 13.0001 8.33329C13.8841 8.33329 14.732 7.9821 15.3571 7.35698C15.9822 6.73186 16.3334 5.88401 16.3334 4.99996C16.3334 4.1159 15.9822 3.26806 15.3571 2.64294C14.732 2.01782 13.8841 1.66663 13.0001 1.66663C12.116 1.66663 11.2682 2.01782 10.6431 2.64294C10.0179 3.26806 9.66675 4.1159 9.66675 4.99996Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M1.66675 13C1.66675 13.884 2.01794 14.7319 2.64306 15.357C3.26818 15.9821 4.11603 16.3333 5.00008 16.3333C5.88414 16.3333 6.73198 15.9821 7.3571 15.357C7.98223 14.7319 8.33341 13.884 8.33341 13C8.33341 12.1159 7.98223 11.2681 7.3571 10.6429C6.73198 10.0178 5.88414 9.66663 5.00008 9.66663C4.11603 9.66663 3.26818 10.0178 2.64306 10.6429C2.01794 11.2681 1.66675 12.1159 1.66675 13Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
