// 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 SvgVoiceMailOff = ({
  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="M5.66675 5.66669V2.33335H12.3334V8.33335C12.3334 9.42402 11.8096 10.3923 10.9998 11.0004M5.68384 8.67302C5.8415 10.2308 7.07173 11.4717 8.62457 11.6458M8.9999 14.3334V16.3334M8.9999 14.3334C5.6862 14.3334 2.99984 11.6471 2.99984 8.33335M8.9999 14.3334C9.8275 14.3334 10.6159 14.1658 11.3332 13.8628M14.9998 8.33335C14.9998 10.1599 14.1836 11.7958 12.8961 12.8963M1.47119 1.47137L16.5285 16.5287"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
