// 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 SvgCallMeHand = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M9.41161 14L2.05727 6.64534C1.53657 6.12464 1.53657 5.28042 2.05727 4.75972L3.00008 3.81691L6.05087 6.87087M6.05087 6.87087L7.66675 8.48847M6.05087 6.87087L9.66675 3.33333L12.3334 6M11.8693 9.60133L11.5359 9.024C10.9837 8.0674 11.3114 6.8442 12.268 6.29193L12.8454 5.95854L13.7199 2.96006C13.8858 2.39115 14.4073 2.00002 14.9999 2.00001L16.3331 2V9.99993C16.3331 12.2091 14.5423 13.9999 12.3331 13.9999H11.6667"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
