// 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 SvgHeatmap2 = ({
  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="M1.66675 8.99996C1.66675 10.9449 2.43937 12.8102 3.81463 14.1854C5.1899 15.5607 7.05516 16.3333 9.00008 16.3333C10.945 16.3333 12.8103 15.5607 14.1855 14.1854C15.5608 12.8102 16.3334 10.9449 16.3334 8.99996C16.3334 7.05504 15.5608 5.18978 14.1855 3.81451C12.8103 2.43925 10.945 1.66663 9.00008 1.66663C7.05516 1.66663 5.1899 2.43925 3.81463 3.81451C2.43937 5.18978 1.66675 7.05504 1.66675 8.99996Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M5.66675 8.33329C5.66675 9.39416 6.08818 10.4116 6.83832 11.1617C7.58847 11.9119 8.60588 12.3333 9.66675 12.3333C10.7276 12.3333 11.745 11.9119 12.4951 11.1617C13.2453 10.4116 13.6667 9.39416 13.6667 8.33329C13.6667 7.27243 13.2453 6.25501 12.4951 5.50487C11.745 4.75472 10.7276 4.33329 9.66675 4.33329C8.60588 4.33329 7.58847 4.75472 6.83832 5.50487C6.08818 6.25501 5.66675 7.27243 5.66675 8.33329Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M9.66675 7.66663C9.66675 7.84343 9.73701 8.01303 9.86201 8.13803C9.98701 8.26303 10.1566 8.33329 10.3334 8.33329C10.5102 8.33329 10.6798 8.26303 10.8048 8.13803C10.9298 8.01303 11.0001 7.84343 11.0001 7.66663C11.0001 7.48981 10.9298 7.32025 10.8048 7.19522C10.6798 7.0702 10.5102 6.99996 10.3334 6.99996C10.1566 6.99996 9.98701 7.0702 9.86201 7.19522C9.73701 7.32025 9.66675 7.48981 9.66675 7.66663Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
