// 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 SvgCameraRotate = ({
  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="M10.3089 12.895C9.5868 12.968 8.8096 13.0078 7.99993 13.0078C4.17601 13.0078 1.07617 12.1214 1.07617 11.0279C1.07617 10.656 1.43463 10.3082 2.05813 10.0109M12.5241 12.5267C13.9937 12.1636 14.9238 11.6268 14.9238 11.0279C14.9238 10.656 14.5653 10.3082 13.9419 10.0109M8.57386 10.937L10.4538 12.8172L8.57386 14.6971M3.26953 8.90223V3.22568H4.92519L6.10781 1.3335H9.8922L11.0748 3.22568H12.7305V8.90223H3.26953ZM6.66667 5.66683C6.66667 6.02045 6.80714 6.35959 7.05719 6.60964C7.30724 6.85969 7.64638 7.00016 8 7.00016C8.35362 7.00016 8.69276 6.85969 8.94281 6.60964C9.19286 6.35959 9.33333 6.02045 9.33333 5.66683C9.33333 5.31321 9.19286 4.97407 8.94281 4.72402C8.69276 4.47397 8.35362 4.3335 8 4.3335C7.64638 4.3335 7.30724 4.47397 7.05719 4.72402C6.80714 4.97407 6.66667 5.31321 6.66667 5.66683Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
