// 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 SvgFreehandTool = ({
  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="M11.3321 6.99803L6.66431 8.66509L5.99747 15M11.3321 6.99803L13.9994 9.66529M11.3321 6.99803L12.6657 4.33069M13.9994 9.66529L12.3323 14.3332L5.99747 15M13.9994 9.66529L16.6667 8.33169M5.99747 15L9.99848 10.999M8.99815 9.99863L10.9986 11.9992M3.33341 15.3333L2.32697 13.723C1.89552 13.0327 1.66675 12.235 1.66675 11.4209C1.66675 10.1014 2.26655 8.85343 3.29691 8.02916L3.36992 7.97076C4.40028 7.14649 5.00008 5.89851 5.00008 4.57901C5.00008 3.76494 4.77131 2.96726 4.33985 2.27693L3.33341 0.666626"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
