// 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 SvgMissedCall = ({
  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.6764 1.32332L10.4942 5.50557L7.68564 3.40787M12.0333 1.32227H14.6778V3.96681M2.84729 8.6446C1.96866 7.09607 1.48147 5.38563 1.38574 3.65758L4.43855 3.29187L5.51331 7.05353L2.84729 8.6446ZM2.84729 8.6446C3.34274 9.5178 3.96266 10.3395 4.70704 11.0839C5.45142 11.8283 6.27314 12.4482 7.14631 12.9436M7.14631 12.9436C8.69484 13.8223 10.4053 14.3095 12.1334 14.4052L12.4992 11.3525L8.73751 10.2778L7.14631 12.9436Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
