// 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 SvgFireAlarm2 = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 17 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M12.3332 1.66666C14.1741 1.66666 15.6665 3.15905 15.6665 5M4.99984 1.66666C3.15889 1.66666 1.6665 3.15905 1.6665 5M12.3332 3.66666C13.0696 3.66666 13.6665 4.26362 13.6665 5M4.99984 3.66666C4.26346 3.66666 3.6665 4.26362 3.6665 5M8.99977 3.66666H8.8755L5.46451 7.09311C3.51205 9.0544 3.51204 12.2343 5.46451 14.1957C7.41697 16.157 10.5826 16.157 12.535 14.1957C14.1452 12.5781 14.4275 10.1317 13.3817 8.2236C12.9174 8.62553 12.3128 8.86853 11.6518 8.86853C10.1874 8.86853 9.00037 7.67606 9.00037 6.20508L8.99977 3.66666Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
