// 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 SvgTooth = ({
  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="M6 4.66667L8 5.33333L10 4.66667M5.039 14.6667H4.33335C4.33335 14.6667 0.738951 10.8155 1.4365 4.23989C1.6213 2.49779 3.21112 1.33333 4.963 1.33333C5.85006 1.33333 6.71073 1.63523 7.4034 2.18939L7.63027 2.37089C7.84647 2.54381 8.1536 2.54381 8.36973 2.37089L8.5966 2.18939C9.28933 1.63524 10.1499 1.33333 11.0371 1.33333C12.7889 1.33333 14.3787 2.49779 14.5635 4.23989C15.2611 10.8155 11.6667 14.6667 11.6667 14.6667H10.961C10.3871 14.6667 9.8776 14.2994 9.69613 13.755L9 11.6667H7L6.30392 13.755C6.12243 14.2994 5.61291 14.6667 5.039 14.6667Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
