// 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 SvgAlarmSettingGear = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M12.6665 10.3335L14.1867 13.0001H1.81323L3.33323 10.3335V7.00016C3.33323 4.88608 4.73899 3.10033 6.66675 2.52669M6.66675 15.6667H9.33341M11.6674 4.33268V5.66601M12.8029 2.5683L12.4066 1.72135H10.9266L10.5305 2.56903L10.0889 2.82397L9.15674 2.74364L8.41675 4.02536L8.95301 4.79276V5.30175L8.41708 6.06924L9.15708 7.35096L10.0894 7.27023L10.5306 7.5249L10.9266 8.37253H12.4066L12.8031 7.52549L13.2453 7.27012L14.1768 7.35096L14.9168 6.06924L14.3817 5.30282L14.3817 4.7913L14.9171 4.02536L14.1771 2.74364L13.2455 2.82383L12.8029 2.5683Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
