// 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 SvgWebcamOff = ({
  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="M7.16703 7.16652L9.0002 5.33335L12.0002 8.33335L10.1632 10.1704M4.44291 4.43752L4.46138 4.40904C5.56156 3.13769 7.18695 2.33335 9.0002 2.33335C12.3139 2.33335 15.0002 5.01965 15.0002 8.33335C15.0002 10.1584 14.1853 11.7932 12.8997 12.8936M5.10176 12.8985L2.33354 15.6667M8.33354 8.33335H9.66687M3.20773 6.76325C3.0724 7.26371 3.0002 7.79009 3.0002 8.33335C3.0002 11.6471 5.6865 14.3334 9.0002 14.3334C9.526 14.3334 10.036 14.2658 10.522 14.1387M1.47021 1.47003L16.5302 16.53"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
