// 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 SvgVideoSwapCamera = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M11.3415 7.64493C11.2136 7.3174 11.0186 7.01647 10.7652 6.76307C10.2837 6.28157 9.63068 6.01107 8.94975 6.01107C8.26881 6.01107 7.61575 6.28157 7.13426 6.76307C6.88085 7.01647 6.68587 7.3174 6.55802 7.64493M9.47488 7.99187H11.9083V5.55844M6.65869 9.6884C6.78655 10.0159 6.98151 10.3169 7.23493 10.5703C7.71641 11.0517 8.36948 11.3223 9.05041 11.3223C9.73135 11.3223 10.3844 11.0517 10.8659 10.5703C11.1193 10.3169 11.3143 10.0159 11.4421 9.6884M8.52528 9.34147H6.09188V11.7749M1.66675 14V4.66667H4.33341L6.00008 2H12.0001L13.6667 4.66667H16.3334V14H1.66675Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
