// 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 SvgPhoneCircleOff = ({
  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="M4.16016 3.4813L14.0938 14.1246M10.7453 10.0788C11.2263 9.59769 11.627 9.06669 11.9471 8.50235M11.9471 8.50235C12.515 7.50165 12.8298 6.3963 12.8916 5.27955L10.9188 5.04323L10.2243 7.47418L11.9471 8.50235ZM1.6665 9.00002C1.6665 10.9449 2.43912 12.8102 3.81439 14.1855C5.18965 15.5607 7.05492 16.3334 8.99984 16.3334C10.9448 16.3334 12.81 15.5607 14.1853 14.1855C15.5606 12.8102 16.3332 10.9449 16.3332 9.00002C16.3332 7.0551 15.5606 5.18984 14.1853 3.81457C12.81 2.4393 10.9448 1.66669 8.99984 1.66669C7.05492 1.66669 5.18965 2.4393 3.81439 3.81457C2.43912 5.18984 1.6665 7.0551 1.6665 9.00002ZM5.04297 10.5858L5.2793 12.5585C6.39605 12.4966 7.5014 12.1818 8.5021 11.614L7.47392 9.89115L5.04297 10.5858Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
