// 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 SvgCameraSettingPin = ({
  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="M1.33325 11.3335V4.00016H3.66659L5.33325 1.3335H10.6666L12.3333 4.00016H14.6666V11.3335H10.3333L7.99992 14.3335L5.66659 11.3335H1.33325Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M5.66659 7.00016C5.66659 7.30658 5.72694 7.61 5.8442 7.89309C5.96146 8.17618 6.13333 8.43341 6.35 8.65008C6.56667 8.86675 6.8239 9.03862 7.10699 9.15588C7.39008 9.27314 7.6935 9.3335 7.99992 9.3335C8.30634 9.3335 8.60975 9.27314 8.89285 9.15588C9.17594 9.03862 9.43316 8.86675 9.64983 8.65008C9.8665 8.43341 10.0384 8.17618 10.1556 7.89309C10.2729 7.61 10.3333 7.30658 10.3333 7.00016C10.3333 6.69375 10.2729 6.39033 10.1556 6.10724C10.0384 5.82414 9.8665 5.56692 9.64983 5.35025C9.43316 5.13358 9.17594 4.96171 8.89285 4.84444C8.60975 4.72718 8.30634 4.66683 7.99992 4.66683C7.6935 4.66683 7.39008 4.72718 7.10699 4.84444C6.8239 4.96171 6.56667 5.13358 6.35 5.35025C6.13333 5.56692 5.96146 5.82414 5.8442 6.10724C5.72694 6.39033 5.66659 6.69375 5.66659 7.00016Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
