// 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 SvgOutgoingCall = ({
  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="M14.6666 1.33331L8.99994 6.99998M14.6666 1.33331H11.3333M14.6666 1.33331V4.66665M2.84729 8.86478C1.96865 7.31625 1.48147 5.60583 1.38574 3.87777L4.43822 3.51207L5.51298 7.27371L2.84729 8.86478ZM2.84729 8.86478C3.34274 9.73798 3.96265 10.5597 4.70704 11.304C5.45142 12.0484 6.27314 12.6684 7.14634 13.1638M7.14634 13.1638C8.69488 14.0424 10.4053 14.5296 12.1333 14.6254L12.499 11.5728L8.73734 10.498L7.14634 13.1638Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
