// 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 SvgFireExit = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 17 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M12.6668 0.666664L15.0002 3M15.0002 3L12.6668 5.33333M15.0002 3H9.3335M6.33309 2.66666H6.20881L2.79784 6.09311C0.845381 8.0544 0.845381 11.2343 2.79784 13.1957C4.7503 15.157 7.91589 15.157 9.86836 13.1957C11.4786 11.5781 11.7608 9.13173 10.715 7.2236C10.2507 7.62553 9.64616 7.86853 8.9851 7.86853C7.52076 7.86853 6.33369 6.67606 6.33369 5.20508L6.33309 2.66666Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
