// 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 SvgCamera = ({
  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="M1.66675 14V4.66667H4.66675L6.33341 2H11.6667L13.3334 4.66667H16.3334V14H1.66675Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M6.66675 8.69C6.66675 8.99642 6.7271 9.29984 6.84436 9.58293C6.96162 9.86602 7.1335 10.1232 7.35017 10.3399C7.56684 10.5566 7.82406 10.7285 8.10715 10.8457C8.39025 10.963 8.69366 11.0233 9.00008 11.0233C9.3065 11.0233 9.60992 10.963 9.89301 10.8457C10.1761 10.7285 10.4333 10.5566 10.65 10.3399C10.8667 10.1232 11.0385 9.86602 11.1558 9.58293C11.2731 9.29984 11.3334 8.99642 11.3334 8.69C11.3334 8.38358 11.2731 8.08017 11.1558 7.79707C11.0385 7.51398 10.8667 7.25675 10.65 7.04008C10.4333 6.82341 10.1761 6.65154 9.89301 6.53428C9.60992 6.41702 9.3065 6.35667 9.00008 6.35667C8.69366 6.35667 8.39025 6.41702 8.10715 6.53428C7.82406 6.65154 7.56684 6.82341 7.35017 7.04008C7.1335 7.25675 6.96162 7.51398 6.84436 7.79707C6.7271 8.08017 6.66675 8.38358 6.66675 8.69Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
