// 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 SvgCameraTimer = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M14.1669 7.6665V4.16654H11.9794L10.4169 1.6665H5.41681L3.85428 4.16654H1.66675V11.6666H7.33341M12.9965 11.326V12.9927H14.6631M7.91695 5.10433C6.7088 5.10433 5.72941 6.08372 5.72941 7.29186C5.72941 8.50004 6.7088 9.47937 7.91695 9.47937C9.12508 9.47937 10.1045 8.50004 10.1045 7.29186C10.1045 6.08372 9.12508 5.10433 7.91695 5.10433ZM16.3298 12.9927C16.3298 14.8336 14.8375 16.326 12.9965 16.326C11.1555 16.326 9.66315 14.8336 9.66315 12.9927C9.66315 11.1517 11.1555 9.65937 12.9965 9.65937C14.8375 9.65937 16.3298 11.1517 16.3298 12.9927Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
