// 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 SvgCameraAction = ({
  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="M5.99992 12.6668V15.3335M9.99992 12.6668V15.3335M3.33325 15.3335H12.6666M2.33325 1.3335H13.6666V12.6668H2.33325V1.3335ZM5.66659 7.3335C5.66659 7.63991 5.72694 7.94333 5.8442 8.22642C5.96146 8.50952 6.13333 8.76674 6.35 8.98341C6.56667 9.20008 6.8239 9.37195 7.10699 9.48922C7.39008 9.60648 7.6935 9.66683 7.99992 9.66683C8.30634 9.66683 8.60975 9.60648 8.89285 9.48922C9.17594 9.37195 9.43316 9.20008 9.64983 8.98341C9.8665 8.76674 10.0384 8.50952 10.1556 8.22642C10.2729 7.94333 10.3333 7.63991 10.3333 7.3335C10.3333 7.02708 10.2729 6.72366 10.1556 6.44057C10.0384 6.15748 9.8665 5.90025 9.64983 5.68358C9.43316 5.46691 9.17594 5.29504 8.89285 5.17778C8.60975 5.06052 8.30634 5.00016 7.99992 5.00016C7.6935 5.00016 7.39008 5.06052 7.10699 5.17778C6.8239 5.29504 6.56667 5.46691 6.35 5.68358C6.13333 5.90025 5.96146 6.15748 5.8442 6.44057C5.72694 6.72366 5.66659 7.02708 5.66659 7.3335Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
