// 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 SvgWaterTemperature = ({
  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.39722 6.24723L7.57495 2.0695L11.7527 6.24723C14.06 8.5545 14.06 12.2954 11.7527 14.6027C9.44542 16.91 5.70451 16.91 3.39722 14.6027C1.08992 12.2954 1.08992 8.5545 3.39722 6.24723Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M13.0001 3.33317C13.0001 3.7752 13.1757 4.19912 13.4882 4.51168C13.8008 4.82424 14.2247 4.99984 14.6667 4.99984C15.1088 4.99984 15.5327 4.82424 15.8453 4.51168C16.1578 4.19912 16.3334 3.7752 16.3334 3.33317C16.3334 2.89114 16.1578 2.46722 15.8453 2.15466C15.5327 1.8421 15.1088 1.6665 14.6667 1.6665C14.2247 1.6665 13.8008 1.8421 13.4882 2.15466C13.1757 2.46722 13.0001 2.89114 13.0001 3.33317Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
