// 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 SvgRemoveCall = ({
  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 5.33333H9.33344M2.84729 9.085C1.96866 7.53647 1.48147 5.82607 1.38574 4.09801L4.43855 3.7323L5.51331 7.49393L2.84729 9.085ZM2.84729 9.085C3.34274 9.9582 3.96266 10.7799 4.70704 11.5243C5.45142 12.2687 6.27314 12.8886 7.14631 13.3841M7.14631 13.3841C8.69484 14.2627 10.4053 14.7499 12.1334 14.8456L12.4992 11.793L8.73751 10.7182L7.14631 13.3841Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
