// 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 SvgPenDraw = ({
  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="M15.3334 11.7901L12.9597 14.1637C12.3155 14.8079 11.3003 14.8371 10.6921 14.2289C10.084 13.6208 10.1132 12.6055 10.7574 11.9613L12.7272 9.99152C13.3761 9.34265 13.4098 8.32132 12.8028 7.70325C12.1885 7.07765 11.1522 7.10298 10.4955 7.75972L6.97028 11.285C6.31908 11.9361 5.29065 11.9579 4.68594 11.3332C4.09419 10.7219 4.13069 9.71985 4.76791 9.08258L9.73988 4.11066C10.4012 3.44929 10.4312 2.40698 9.80682 1.7826C9.18475 1.1605 8.14715 1.18768 7.48495 1.8434L0.666748 8.60192"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
