// 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 SvgCelsius = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M14.6666 4.66665V3.18053C14.6666 2.16034 13.8831 1.33331 12.9166 1.33331H8.41659C7.45012 1.33331 6.66659 2.16034 6.66659 3.18053V12.8194C6.66658 13.8396 7.45005 14.6666 8.41659 14.6666H12.9166C13.8831 14.6666 14.6666 13.8396 14.6666 12.8194V11.3333M1.33325 2.66665C1.33325 3.02027 1.47373 3.35941 1.72378 3.60946C1.97382 3.8595 2.31296 3.99998 2.66659 3.99998C3.02021 3.99998 3.35935 3.8595 3.60939 3.60946C3.85944 3.35941 3.99992 3.02027 3.99992 2.66665C3.99992 2.31302 3.85944 1.97389 3.60939 1.72384C3.35935 1.47379 3.02021 1.33331 2.66659 1.33331C2.31296 1.33331 1.97382 1.47379 1.72378 1.72384C1.47373 1.97389 1.33325 2.31302 1.33325 2.66665Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
