// 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 SvgSignature = ({
  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="M9.33325 12.6666H15.3333M2.66659 5.33325V3.66659C2.66659 2.37792 3.71125 1.33325 4.99992 1.33325C6.28859 1.33325 7.33325 2.37792 7.33325 3.66659V7.51959M7.33325 7.51959C7.33632 7.51919 7.33932 7.51879 7.34239 7.51839C8.80145 7.31792 9.99992 8.52718 9.99992 9.99992H10.6666L10.8943 9.54438C11.5719 8.18925 12.957 7.33325 14.4721 7.33325H15.3333M7.33325 7.51959C4.56053 7.90192 1.33325 8.97745 1.33325 11.6666C1.33325 13.3235 2.6764 14.6666 4.33325 14.6666C5.99011 14.6666 7.33325 13.3235 7.33325 11.6666V7.51959Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
