// 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 SvgSecuritySettingGear = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M8.00033 7.57235V8.90568M2 1.66675V13.0001L7.99993 16.2401L14 13.0001V1.66675H2ZM9.13587 5.80797L8.73953 4.96102H7.25953L6.8634 5.8087L6.42187 6.06364L5.48967 5.98331L4.74967 7.26503L5.28593 8.03241L5.28595 8.54142L4.74999 9.30888L5.48999 10.5906L6.42234 10.5099L6.8636 10.7645L7.25953 11.6122H8.73953L9.13607 10.7651L9.57827 10.5098L10.5098 10.5906L11.2498 9.30888L10.7147 8.54248L10.7146 8.03095L11.2501 7.26503L10.5101 5.98331L9.57847 6.0635L9.13587 5.80797Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
