// 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 SvgLiveVideo = ({
  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="M1.66675 9.00008C1.66675 13.0501 4.94999 16.3334 9.00008 16.3334C13.0501 16.3334 16.3334 13.0501 16.3334 9.00008C16.3334 4.94999 13.0501 1.66675 9.00008 1.66675M1.81355 7.53341C1.93711 6.92475 2.13605 6.34347 2.40019 5.79972M4.60021 3.13273C4.04489 3.54984 3.55072 4.04395 3.13355 4.59922M7.53338 1.81339C6.92467 1.93695 6.34334 2.13591 5.79956 2.40009M12.6667 9.00008L6.66675 5.66675V12.3334L12.6667 9.00008Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
