// 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 SvgBrushSettingGear = ({
  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="M6.49523 10.3339C5.95711 9.5296 5.0404 9 4 9C2.34315 9 1 10.3431 1 12V15H4C5.00138 15 5.88817 14.5094 6.43309 13.7554M11.9453 11.2715V12.6048M4.66667 9.07433V6L12.6667 1L15 3.33333L12.9167 6.66667M13.0815 9.5074L12.6852 8.66047H11.2052L10.8091 9.50813L10.3675 9.76313L9.43533 9.6828L8.69533 10.9645L9.2316 11.7319V12.2409L8.6956 13.0084L9.4356 14.2901L10.368 14.2093L10.8092 14.464L11.2052 15.3117H12.6852L13.0817 14.4646L13.5239 14.2093L14.4554 14.2901L15.1954 13.0084L14.6603 12.2419L14.6603 11.7304L15.1957 10.9645L14.4557 9.6828L13.5241 9.76293L13.0815 9.5074Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
