// 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 SvgFirefox = ({
  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="M10.6668 7.99999L14.3335 5.91255C14.5498 6.56919 14.6668 7.27092 14.6668 7.99999C14.6668 11.6819 11.682 14.6667 8.00016 14.6667C4.31826 14.6667 1.3335 11.6819 1.3335 7.99999C1.3335 6.49918 1.82942 5.1142 2.66634 3.99999L7.00016 7.99999L5.52734 8.99999C5.92293 9.97726 6.88103 10.6667 8.00016 10.6667C9.4729 10.6667 10.6668 9.47272 10.6668 7.99999ZM10.6668 7.99999C10.6668 6.52723 9.47303 5.33332 8.00023 5.33332M8.00023 5.33332C6.97963 5.33332 6.09294 5.90668 5.6447 6.74886M8.00023 5.33332L10.0002 1.66666L13.4044 6.4427"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
