// 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 SvgPhoneRinging = ({
  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="M11.3144 8.33337C11.3144 6.31875 9.68121 4.68559 7.66661 4.68559M14.6666 8.33337C14.6666 4.46738 11.5326 1.33337 7.66661 1.33337M2.84729 8.86484C1.96865 7.31631 1.48147 5.60589 1.38574 3.87783L4.43822 3.51213L5.51298 7.27377L2.84729 8.86484ZM2.84729 8.86484C3.34274 9.73804 3.96265 10.5598 4.70704 11.3041C5.45142 12.0485 6.27314 12.6684 7.14634 13.1639M7.14634 13.1639C8.69488 14.0425 10.4053 14.5297 12.1333 14.6254L12.499 11.5728L8.73734 10.498L7.14634 13.1639Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
