// 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 SvgCallHangUp = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M11.2884 11.1114C12.0032 10.3474 12.6086 9.51829 13.1047 8.64395M13.1047 8.64395C14.1077 6.87623 14.6638 4.92371 14.7731 2.95105L11.2884 2.53356L10.0615 6.82767L13.1047 8.64395ZM9.77544 12.4959C9.27017 12.8903 8.7425 13.2422 8.19724 13.5516M8.19724 13.5516C6.42952 14.5546 4.47699 15.1107 2.50434 15.22L2.08685 11.7353L6.38096 10.5084L8.19724 13.5516ZM1.47119 1.47137L16.5285 16.5287"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
