// 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 SvgCameraFlip = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M7.99996 7.66683V9.00016M0.779086 2.34131V5.22966H3.66744M15.2208 13.8947V11.0064H12.3325M0.779053 8.11783C0.779053 12.1058 4.01195 15.3388 7.99996 15.3388C10.6727 15.3388 13.0063 13.8866 14.2548 11.7283L14.6358 11.0062M15.2208 8.11783C15.2208 4.12987 11.9879 0.896966 7.99996 0.896973C5.32719 0.896973 2.99361 2.34909 1.74508 4.50741L1.34486 5.21822M10.8138 10.5212V6.19665H9.40689L9.12549 5.07113H6.87443L6.59306 6.19665H5.18616V10.5212H10.8138Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
