// 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 SvgPhotoCamera = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M14.6668 5.33331C14.6668 3.12417 12.876 1.33331 10.6668 1.33331M12.3065 5.33331C12.3065 4.42776 11.5724 3.69367 10.6668 3.69367M12.7028 8.39371V14.6666H1.29736V8.39371H3.29331L4.71898 6.11261H9.28116L10.7068 8.39371H12.7028ZM8.67456 10.6744C8.67456 9.74965 7.9249 8.99998 7.00016 8.99998C6.07538 8.99998 5.32568 9.74965 5.32568 10.6744C5.32568 11.5991 6.0755 12.3488 7.00023 12.3488C7.92503 12.3488 8.67456 11.5991 8.67456 10.6744Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
