// 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 SvgWebcam = ({
  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="M7.3335 7.33331H8.66683M4.10392 11.8962L1.3335 14.6666M14.6668 14.6666L11.8954 11.8952M2.00016 7.33331C2.00016 8.12124 2.15536 8.90146 2.45689 9.62941C2.75841 10.3574 3.20037 11.0188 3.75752 11.576C4.31467 12.1331 4.97611 12.5751 5.70406 12.8766C6.43202 13.1781 7.21223 13.3333 8.00016 13.3333C8.78809 13.3333 9.56831 13.1781 10.2963 12.8766C11.0242 12.5751 11.6857 12.1331 12.2428 11.576C12.8 11.0188 13.2419 10.3574 13.5434 9.62941C13.845 8.90146 14.0002 8.12124 14.0002 7.33331C14.0002 6.54538 13.845 5.76517 13.5434 5.03721C13.2419 4.30926 12.8 3.64782 12.2428 3.09067C11.6857 2.53352 11.0242 2.09156 10.2963 1.79004C9.56831 1.48851 8.78809 1.33331 8.00016 1.33331C7.21223 1.33331 6.43202 1.48851 5.70406 1.79004C4.97611 2.09156 4.31467 2.53352 3.75752 3.09067C3.20037 3.64782 2.75841 4.30926 2.45689 5.03721C2.15536 5.76517 2.00016 6.54538 2.00016 7.33331ZM4.66683 7.33331L8.00016 3.99998L11.3335 7.33331L8.00016 10.6666L4.66683 7.33331Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
